Obtenir la valeur sélectionnée dans datalist à l'aide de jQuery
Très simple et direct. Je l'ai pré-rempli un HTML datalist avec des valeurs, sur la forme, quand je veux sélectionner une valeur et de l'insérer dans la base de données SQLite. C'est mon exemple de code qui ne fonctionne pas. Veuillez aider.
HTML5 datalist formulaire de création:
<input name="TypeList" list="TypeList" placeholder="Select Type"/>
<datalist id="TypeList">
<option value="State">
<option value="Area">
<option value="Town">
<option value="Street">
<option value="Number">
<option value="Local Government">
<option value="Ward">
<option value="Country">
</datalist>
c'est l'exemple de jquery code qui ne fonctionne pas:
var relationshipTemp = $('#TypeList option:selected').text();
- avez-vous essayé de changer
$('#TypeList option:selected').text();
à$('#TypeList option:selected').val();
? - oui, je l'ai essayé, parce que je suis saisie dans SQLite (WebSQL) au lieu d'afficher les valeurs réelles, c'est faire preuve de "undefined". Quel est le problème?
- Dans firefox,
<input value="Select Type">
semble fonctionner.
Vous devez vous connecter pour publier un commentaire.
Ont un sélecteur pour sélectionner l'élément d'entrée. Mention de l'événement après lequel vous souhaitez que les valeurs soient déplacés. Obtenir la valeur à l'aide .val().
Exemple:
Espère que c'est ce que vous êtes à la recherche pour jsFiddle
:selected
ne fonctionne pas surdatalist
options, comme un datalist peuvent offrir des suggestions pour de multiples entrées. Si deux entrées contiennent deux propositions différentes à partir de la liste, qui doit être sélectionné?Comme mentionné dans d'autres commentaires, vous pouvez vérifier la valeur de l'entrée sur le changement de la sorte:
Toutefois, si vous voulez vous assurer que la valeur est en fait l'une des options de la datalist, vous aurez à faire une vérification supplémentaire, comme avec un datalist les visiteurs peuvent toujours entrer des valeurs différentes dans l'entrée. Datalist offre simplement des suggestions.
Une solution pour vérifier si la valeur est dans le datalist:
Je voudrais utiliser '.sur()':
HTML
Javascript
De l'essayer.
essayer .val() à la place :
Il vous suffit de donner votre saisie d'un IDENTIFIANT et d'utiliser ensuite l'entrée du val() comme ceci:
HTML:
JS:
Le moyen le plus facile est d'obtenir le nom de datalist en utilisant son nom d'attribut, puis utiliser
val()
fonction pour voir la valeur sélectionnéeVérifier le travail exemple https://jsfiddle.net/ch9uwvod/8/
solution simple à ce problème est de faire ce que vous obtenez la valeur d'un champ de saisie de texte
Nom: