Discussion :

[popy67]

Bonjour,

J'utilise le méthode autocomplete pour aider au remplissage d'un champ de recherche, une fois que les valeurs apparaissent l'internaute peut cliquer sur l'une d'elles.
Dans le DOM elles apparaissent comme ceci :

Code html :

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

<li data-slidermin="1" data-slidermax="1000" id="1">Beurre gastronomique doux</li><li data-slidermin="1" data-slidermax="1000" id="2">Beurre gastronomique demi-sel</li>

J'arrive bien a recuperer la valeur via

Code :

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

1
2
3
$("#aliment").on("autocompleteselect", function(event, ui){
	var nom = $("#aliment_choisi").html(ui.item.value);
});

Mais comment faire pour recuperer la valeur des attributs id, data-slidermin et data-slidermax ?

Merci d'avance pour vos lumières ;-)

[Bovino]

Code :

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

1
2
var target = event.target;
console.log(target);

[popy67]

Ton code me permet d'afficher dans la console le contenu du champ input...

Code :

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

<input id="aliment" class="input-search2 ui-autocomplete-input" type="text" placeholder="nutrition" autocomplete="off">

Mais je n'arrive toujours pas a récupérer la valeur des attributs de la liste de chois proposés par autocomplete...

[SpaceFrog]

Code :

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

1
2
3
4
$("#aliment").on("autocompleteselect", function(event, ui){
	var nom = $("#aliment_choisi").html(ui.item.value);
console.log( $(event.target).attr('placeholder') );
});

[Bovino]

C'est sûr que du coup, c'est inutile d'investiguer un peu...

Code :

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

1
2
var target = event.currentTarget;
console.log(target);

[popy67]

Code :

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

1
2
3
4
$("#aliment").on("autocompleteselect", function(event, ui){
	var nom = $("#aliment_choisi").html(ui.item.value);
console.log( $(event.target).attr('placeholder') );
});

Salut ta solution m'affiche la valeur de l'attribut placeholder soit nutrition, ne me permet toujours pas de recuperer ce qui est dans les différents data-* du <li> selectionné.

C'est sûr que du coup, c'est inutile d'investiguer un peu...

Code :

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

1
2
var target = event.currentTarget;
console.log(target);

Ta solution ici me renvoie aussi le input de départ....

C'est pas que je n'investigue pas c'est que je me demande si c'est faisable
J'ai regardé des posts sur des forums et apparemment personne ne sait... sur doc officielle j'ai bien vu ui.item.label et ui.item.value qui ne me permettent de recuprer le contenu de <li> mais toujours les attributs ... _renderItem(ul, item) bloque aussi

[SpaceFrog]

Tiens c'est curieux, je me demande bien pourquoi ça retourne le placeholder ???

Code :

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

.attr('placeholder') );

ha ben c'est peut être parce que je lui demande de me le retourner ...

Il faudrait peut être faire un minimum de recherches par toi même au lue d'attendre que l'on code à ta place ...

Je te donne encore un indice