La saisie de texte en HTML de la Balise Select?
Je veux faire de l'option d'entrée dans la balise select, de sorte que l'utilisateur peut choisir entre les options ou insérer une valeur différente.
Est-il possible?
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
**<insert user value>**
</select>
double possible de Jquery mettre à jour dynamiquement les "autres" option select, OP accepte.
OriginalL'auteur user1455966 | 2013-03-19
Vous devez vous connecter pour publier un commentaire.
HTML solution avec "la liste" de l'attribut:
il ne fonctionne pas pour IE9
Notez que la liste est essentiellement un auto-remplir la fonction, c'est à dire qu'il contient uniquement les options qui correspondent le déjà les caractères saisis. Par exemple, si l'entrée est rempli avec
A
, seulement Audi et Saab sera disponible, et s'il est pré-rempli avecAudi
, AUCUNE autre option sera affichée. Il n'est donc pas exactement comme unselect
tag.Aussi, Firefox ne rend pas la "liste déroulante" triangle sur le côté droit de l'entrée, de sorte que la disponibilité de la liste déroulante fonction peut ne pas être clair pour l'utilisateur.
OriginalL'auteur Vil
Vous aurez à utiliser javascript pour obtenir le plus de valeur. Vérifiez ce post pour un exemple de code:
Jquery mettre à jour dynamiquement les "autres" option à sélectionner
Ce serait vraiment génial si vous avez accepté Escrimeur de la solution si elle vous a donné ce que vous recherchez 🙂
C'est un dupe du lien, de sorte qu'il n'est pas réellement Fencer04 de réponse.
OriginalL'auteur Fencer04
Sélectionner les éléments ne peuvent pas contenir autre chose que
option
ouoptgroup
éléments. Voici une ref à la spécification http://www.w3.org/TR/html5/forms.html#the-select-elementVous pouvez être mieux ajout d'une option "autre" dans votre liste déroulante, puis en utilisant JS pour détecter les choix à afficher dynamiquement une entrée (ci-dessous la liste déroulante) pour une valeur personnalisée.
OriginalL'auteur Tracy Fu
Position d'une zone de saisie au cours de la boîte de sélectionner et de supprimer la bordure de la zone d'entrée. Que la longueur de la zone de saisie plus courte que la boîte de sélection de sorte que la zone de sélection peut encore être utilisé à sa fin.
Utiliser le oninput événement à détecter de saisie en cours de saisie dans la zone de saisie. Sur chaque frappe de vérifier pour la poursuite de la correspondance dans la boîte de sélection. Lorsqu'un match n'existe plus, il n'est plus nécessaire pour la boîte de sélection.
Le serveur s'attendre à recevoir à la fois la zone de texte de saisie, le cas échéant, et la boîte de sélection d'entrée, le cas échéant, et doit utiliser la sélection de la valeur si contraires, la valeur d'entrée.
OriginalL'auteur Jeff