[PHP/JQuery] Liste déroulante suivit Autocomplete

Liste déroulante suivit Autocomplete [PHP/JQuery] - PHP - Programmation

Marsh Posté le 02-09-2013 à 13:36:59    

[I](jQuery-1.10.2 & jQuery-ui-1.10.3)[/I]
 
Bonjour à tous,
 
Etapes de ce que j'aimerais créer:

  • [B]liste déroulante[/B] qui affiche les différents champs d'une base de donnée
  • clique sur un élément de la liste déroulante
  • [B]l'input[/B] 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 :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script type="text/javascript" src="jquery-1.10.2.js"></script>
  5. <script type="text/javascript" src="jquery-ui-1.10.3.js"></script>
  6. <script>
  7. $(document).ready(function(){
  8. $("select#FormSearchList" ).change(function(){
  9.         var idVal = $("select#FormSearchList option:selected" ).attr('value');
  10.         $.getJSON("acc.php",{searchID: idVal, ajax: "true"}, function(data){
  11.             var options = "";
  12.             if (data != null)
  13.             {
  14.                 for (var i = 0; i < data.length; i++) {
  15.                     options += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
  16.                 }
  17.             }
  18.             if (options != "" )
  19.             {
  20.                 $("#resJson" ).attr("value", options);
  21.                 $("select#FormSearchList" ).html(options);
  22.                 $("select#FormSearchList" ).attr("disabled", false);
  23.             }
  24.         });
  25.     });
  26.     $('#search').autocomplete({
  27.        source : 'acc.php'
  28.     });
  29. });
  30. </script>
  31. </head>
  32. <body>
  33. <form method="get" action="" id="FormSearch" style="padding-left:100px;">
  34. <select name="FormSearchList" id="FormSearchList">
  35. <option>---</option>
  36. <?php
  37. include_once("include_bdd.php" );
  38. $req=$bdd->query("SHOW COLUMNS FROM ".$table);
  39. while($data = $req->fetch(PDO::FETCH_ASSOC))
  40. {if($data['Field'] == 'id') {}
  41. else
  42. echo '<option value="'.$data['Field'].'">'.$data['Field'].'</option>';
  43. }}
  44. $req->closeCursor();
  45. $req = NULL;
  46. ?>
  47. <input type="text" id="search" />
  48. </form>
  49. </body>
  50. </html>


 
acc.php:

Code :
  1. <?php
  2. include_once("include_bdd.php" );
  3. $term = $_GET['term'];
  4. $searchID = $_GET['searchID'];
  5. $array = array();
  6. //$req = $db->query("SELECT * FROM DealerRef WHERE DealerName LIKE '%". $term ."%' LIMIT 0, 10" );
  7. $req = $bdd->prepare('SELECT * FROM DealerRef WHERE '.$searchID.' LIKE :term LIMIT 0, 10');
  8. $req->execute(array('term' => '%'.$term.'%'));
  9. while($data = $req->fetch()) {
  10. array_push($array, $data[$searchID]);
  11. }
  12. echo json_encode($array);
  13. ?>


 
Merci à tous de votre aide par avance, ceci est le dernier élément de mon projet qu'il se fait temps que je termine

Reply

Marsh Posté le 02-09-2013 à 13:36:59   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed