2 pièce(s) jointe(s)
Champs de sélection en autocomplete [PHP/MySQL/jQuery/Ajax]
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:
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:
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);
?> |
