Discussion :

[feelwatt]

Bonjour,
Autocomplete est vraiment classe,
(https://code.jquery.com/ui/1.12.1/jquery-ui.js">)

aussi je cherche à l'utiliser avec un array provenant de php et encodé avec json_encode

L'array se nomme : array_users

En php il apparait, comme cela :

Code php :

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

1
2
3
4
Array ( 
[1] => Array ( [id_user] => 1 [pseudo_user] => Manseng [mail_user] => <a href="mailto:manseng@free.fr">manseng@free.fr</a>) 
[2] => Array ( [id_user] => 2 [pseudo_user] => dédé [mail_user] => dédé@free.fr ) 
)

Après json_encode il apparait comme ceci : (dans la console)

Code JavaScript :

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

1
2
3
{…}
​1: Object { id_user: "1", pseudo_user: "Manseng.", mail_user: "mans@free.fr" }
2: Object { id_user: "2", pseudo_user: "dédé", mail_user: "dédé@free.fr" }

Je souhaiterais pouvoir faire l'autocompletion sur : pseudo_user (donc array_users[1] ?)
(et recevoir l'id_user dans un autre champ)

La fonction étant :

Code js :

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

1
2
3
$( "#input_users).autocomplete({
  source: array_users
});

L'input étant :

Code HTML :

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

<input id="input_users" type="text">

Quelqu'un aurait-il une idée ?


Ps: j'ai fait des tests avec :

Code js :

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
var array_users = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran"
];
$( "#users" ).autocomplete({
  source: array_users
});