Récupérer la valeur des attributs d'une balise <li> selectionnée autocomplete

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:

---

<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:

---

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 ;-)

Code:

---

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

---

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

Code:

---

<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...

Code:

---

1 2 3 4

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

---

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

Code:

---

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

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

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é.

Citation:

---

Envoyé par Bovino

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

Code:

---

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 :roll:
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 :arf:

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

Code:

---

.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