Aucune liste sur le widget d'autocompletion

**sensol** · 06/12/2013, 16h08

Salut à tous

Je pête un plomb sur le widget UI d'autocompletion.

Je cherche juste à récupérer une id et une description d'une requete SQL toute simple.

Merci de m'aider avec un semblant d'explication si possible car je suis perdu sur la théorie de ce widget...

Voici les 2 scripts

le html

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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete</title>
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
    $(function() {
        $( "#client" ).autocomplete({
            source: "options.php",
            datatype: 'json',
            select: function( event, ui ) {
                $( "#id" ).val( ui.item.value );
            }
        });
    });
</script>
</head>
<body>
    <div>
        <label for="client">Client</label>
        <input id="client">
        <input id="id" type="hidden">
    </div>
</body>
</html>

et le fichier PHP de la requête à venir

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?php
header("Content-Type: text/xml;charset=utf-8");
 
$arr = array(
    array("client"=> "Caterpillar", "id" => 1 ),
    array("client"=> "Schneider", "id" => 2 ),
    array("client"=> "Leclerc", "id" => 3),
    array("client"=> "Savoie", "id" => 3)
);
 
echo json_encode($arr);
?>

**danielhagnoul** · 07/12/2013, 10h04

Bonjour

Je vous conseille de reprendre le code de la démonstration : http://jqueryui.com/autocomplete/#remote

La structure de votre JSON [ { "client" : "Caterpillar", "id" : 1 }, ...], n'est pas celle attendue par UI Autocomplete (label et value) : [ { "label" : "Choice1", "value" : "value1" }, ... ].

**sensol** · 10/12/2013, 07h42

Merci

Effectivement c'était ça

Merci !

Aucune liste sur le widget d'autocompletion [UI]

jQuery

Vue hybride

Discussions similaires

Partager

Partager