[Abandonné] JQuery : Récupérer valeur des <option> d'un datalis

Bonjour à toutes et tous,

Tout est dans le titre, je cherche à récupérer la valeur des balises "option" d'une datalist html5 afin de comparer la valeur saisie avec cette dernière.

Actuellement j'ai ça :

$('datalist option').each(function(){
    $(this).val();
});

Mais hélas ça me sort un array sous cette forme : [option,option,option].

Ce qui est plutôt étrange puisque logiquement il devrait me sortir la valeur de l'élément option pour chacun d'entre eux .
Modifié par Klesk (21 Oct 2012 - 21:33)

Voici le code html associé :

<input list="contact" type="text" name="contact" style="float:left" required>
<datalist type="text" id="contact">
	<select name="contact">
		<option value="utilisateur1">utilisateur1</option>
		<option value="utilisateur2">utilisateur2</option>
		<option value="utilisateur3">utilisateur3</option>
	</select>
</datalist>

J'ai volontairement inclus la balise select, la balise fermante </option> ainsi que le contenu de cette dernière dans datalist pour l'affichage dans les navigateurs qui ne sont pas compatibles html 5.
Modifié par Klesk (16 Oct 2012 - 16:41)

Toujours personne avec une idée ?

Bonjour,
J'ai le même problème ...
Si vous avez trouvé depuis cette date, je suis preneur
Merci

Hello,

après quelques essais, moi ça marche très bien : http://jsfiddle.net/SmU6L/1/

Par contre impossible d'afficher le datalist sous chrome ou FF, je ne sais pas d'ou ça vient !

La datalist ss FF n'apparait que lorsque tu tapes qqch ds l'input ou que lorsque tu fais fleche vers le bas.
Ce qui est le comportement normal lorsqu'elle est liée à un champ input.