(jQuery-1.10.2 & jQuery-ui-1.10.3)

Bonjour à tous,

Etapes de ce que j'aimerais créer:
  • liste déroulante qui affiche les différents champs d'une base de donnée
  • clique sur un élément de la liste déroulante
  • l'input qui suit cherche dans la base de données en fonction du champs sélectionné


Voici le code auquel je suis arrivé jusqu'à présent:
page.php:
Code : 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.3.js"></script>
 
<script>
$(document).ready(function(){
$("select#FormSearchList").change(function(){
        var idVal = $("select#FormSearchList option:selected").attr('value');
 
        $.getJSON("acc.php",{searchID: idVal, ajax: "true"}, function(data){
            var options = "";
            if (data != null)
            {
                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
                }
            }
            if (options != "")
            {
                $("#resJson").attr("value", options);
                $("select#FormSearchList").html(options);
                $("select#FormSearchList").attr("disabled", false);
            }
 
        });
 
    });		
 
 
    $('#search').autocomplete({
       source : 'acc.php'
    });
});
</script>
</head>
 
<body>
 
 
<form method="get" action="" id="FormSearch" style="padding-left:100px;">
<select name="FormSearchList" id="FormSearchList">
<option>---</option>
 
 
<?php
include_once("include_bdd.php");
$req=$bdd->query("SHOW COLUMNS FROM ".$table);
while($data = $req->fetch(PDO::FETCH_ASSOC)) 
{if($data['Field'] == 'id') {}
else {  
echo '<option value="'.$data['Field'].'">'.$data['Field'].'</option>';
}}      
$req->closeCursor();
$req = NULL;
?>
 <input type="text" id="search" />
</form>
 
 
</body>
</html>
acc.php:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
include_once("include_bdd.php");
 
$term = $_GET['term'];
$searchID = $_GET['searchID'];
$array = array();
 
//$req = $db->query("SELECT * FROM DealerRef WHERE DealerName LIKE '%". $term ."%' LIMIT 0, 10");
$req = $bdd->prepare('SELECT * FROM DealerRef WHERE '.$searchID.' LIKE :term LIMIT 0, 10');
$req->execute(array('term' => '%'.$term.'%'));
while($data = $req->fetch()) {
        array_push($array, $data[$searchID]);   
}
echo json_encode($array);
?>
Merci à tous de votre aide par avance, ceci est le dernier élément de mon projet qu'il se fait temps que je termine