Discussion :

[Lorenzo1979]

Bonjour,
Après des heures de recherches infructueuses, puis-je vous demander votre aide pour le problème suivant?

J'ai 3 input avec autocomplete dans un formulaire. Tout fonctionne très bien.
Pour l'un deux ( recherche d'un lieu dans une table de ma bdd), j'aimerais automatiquement alimenter 3 autres champs ( adresse, code postal et ville) suivant la valeur que l'utilisateur aura sélectionné (nom du bâtiment) dans les résultats de l'autocomplete.
Voici le bout de code actuel qui ne fonctionne pas.

index.php

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$(function() {
    $("#pickup").autocomplete({
        source: 'search_lieux.php',
        minLength: 2,
        select: function(event, ui) {
            $('#pickupadresse').val(ui.item.adresse);
	    $('#pickupcp').val(ui.item.cp);
	    $('#pickupville').val(ui.item.ville);
        }
    });
});

et plus loin

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<tr><td align="left" colspan="2"><input type="text" name="pickup" id="pickup" class="focus" value="" size="30" placeholder="Pick up" /></tr>
<tr>		 
    <td colspan="2"><input type="text" name="pickupadresse" id="pickupadresse" value="" size="30" disabled="disabled" /></td>
</tr>
<tr>
    <td><input type="text" name="pickupcp" id="pickupcp" value="" size="6" disabled="disabled" /></td>
    <td><input type="text" name="pickupville" id="pickupville" value="" size="14" disabled="disabled" /></td>
</tr>

search_lieux.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?php
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$dbname = 'madatabase';
try {
  $conn = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);
}
catch(PDOException $e) {
    echo $e->getMessage();
}
 
$return_arr = array();
 
if ($conn){
    $ac_term = "%".$_GET['term']."%";
    $query = "SELECT * FROM lieux where Lieux_Nom like :term";
    $result = $conn->prepare($query);
    $result->bindValue(":term",$ac_term);
    $result->execute();
 
while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
        	$row_array['adresse'] = $row['Lieux_Adresse'];
        	$row_array['cp'] = $row['Lieux_CP'];
                $row_array['ville'] = $row['Lieux_Ville'];
 
        array_push($return_arr,$row_array);
    }     
}
	$conn = null;
        echo json_encode($return_array);
 
?>

Une âme charitable pour sortir de ce problème?

[Darkaurora]

je pense que le problème viens de l'objet ui, il serait intéressant de voir ce qu'il contient avec un console.log(ui) dans la propriété `select`.

si tu as effectivement des propriétés `cp`et `ville`alors je ne sais pas, mais j'en doute.

[Lorenzo1979]

Merci Darkaurora pour ta réponse.
Peux-tu m'indiquer comment faire? je n'ai jamais utilisé le console.log.
J'utilise Dreamweaver.

Peut-être s'agit-il d'un conflit avec mes 2 autres autocomplete?

[Darkaurora]

Dans ton navigateur lorsque tu es sur la page que tu testes il suffit d'appuyer sur F12 cela t'affiche généralement un cadre ou une nouvelle fenêtre. Tu dois pouvoir trouver un onglet "console", c'est à l'intérieur de cette onglet que s'affichera les résultats des "console.log()" que tu auras passé dans ton code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
$(function() {
    $("#pickup").autocomplete({
        source: 'search_lieux.php',
        minLength: 2,
        select: function(event, ui) {
            console.log(ui, ui.item); // Dois t'afficher le contenu de ui et de ui.item dans la console de ton navigateur
            $('#pickupadresse').val(ui.item.adresse);
	    $('#pickupcp').val(ui.item.cp);
	    $('#pickupville').val(ui.item.ville);
        }
    });
});

[Lorenzo1979]

la console me renvoie une erreur 404 not found pour js/jquery.autocomplete.js
Pourtant il est bien présent et fonctionne pour les autres...

Par exemple pour la destination :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$(document).ready(function() {
    $('#destination').autocomplete({
        serviceUrl: 'search_lieux_destination.php',
        dataType: 'json'
    });
});

Etrange..