Champs de sélection en autocomplete [PHP/MySQL/jQuery/Ajax]

**mjnab** · 18/11/2019, 15h05

Bonjour,

J'ai cherché sur le Web les codes sources disponibles en PHP/Jquery pour créer un champs de sélection dynamique avec PHP/MySQL pour avoir le résultat suivant :

http://demo.itsolutionstuff.com/demo...hpexample.html

j'ai modifié un peu le code source PHP tout en veillant à ce que ce dernier marche.

Le champs de sélection marche parfaitement avec la possibilité de rechercher l'option voulu, malheureusement, lorsque je veux sélectionner l'option voulu ce dernier ne veut pas.

Les deux (02) fichiers php contenant le code sont en pièces jointes et ci-dessous.

Est-ce un problème de Json ?

Est-ce possible d'avoir un lien vers un code source semblable ?

Merci d'avance pour vos réponses

autoselect.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
 
<html lang="en">
 
<head>
 
  <title>Jquery select2 ajax autocomplete example code with demo</title>
 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
 
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
 
</head>
 
<body>
 
 
<div style="width:520px;margin:0px auto;margin-top:30px;height:500px;">
 
  <h2>Select Box with Search Option Jquery Select2.js</h2>
 
  <select class="itemName form-control" style="width:500px" name="itemName"></select>
 
</div>
 
 
<script type="text/javascript">
      $('.itemName').select2({
        placeholder: 'Select for tag',
        ajax: {
          url: './autoselectphp.php',
          dataType: 'json',
          delay: 250,
          processResults: function (data) {
            return {
              results: data
            };
          },
          cache: true
        }
      });
</script>
 
 
</body>
 
</html>

autoselectphp.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
 
<?php
header('Content-Type: text/html; charset=utf-8');
$server="127.0.0.1";
$log="root";
$pwd="";
$db="administration";
 
$connexion=mysql_pconnect($server,$log,$pwd);
if (!$connexion) { echo "".mysql_error().""; exit; }
$dbase=mysql_select_db($db,$connexion);
if (!$dbase) { echo "".mysql_error().""; exit; }
 
mysql_query("SET NAMES 'utf8'");
 
$sql = "SELECT * FROM contrats WHERE num LIKE '%".$_GET['q']."%' LIMIT 10";
 
 
$result=mysql_query($sql);
 
//$result = $mysqli->query($sql);
 
 
//$json = array();
 
while($row = mysql_fetch_array($result)){
 
 
     $json[] = array('id_ct'=>$row['id_ct'], 'text'=>stripslashes($row['num']));
 
}
 
 
echo json_encode($json);
 
?>

Champs de sélection en autocomplete [PHP/MySQL/jQuery/Ajax]

PHP & Base de données

Mode arborescent

Discussions similaires

Partager

Partager