Comment faire pour modifier une liste déroulante dans une zone de texte sur une sélection en jQuery?
J'ai une liste déroulante, et je veux que ce changement à vider la zone de texte lorsque je sélectionne le Other
option.
Code HTML:
<select id='visit'>
<option value='1' class='volunteer'>Romania</option>
<option value='2' class='volunteer1'>Slovakia</option>
<option value='3' class='volunteer2'>Belgium</option>
<option value='4' class='volunteer3'>Other</option>
</select>
Et c'est le minimum de code JavaScript pour commencer:
$('#visit').live('change', function () {
if ((this.value) == 4) {
alert("Other selected")
//Code to change select list into textbox here
}
});
La JSFiddle où il peut être tenté ici.
Comment puis-je faire cela à l'aide de jQuery?
comme ceci jsfiddle.net/viphalongpro/CxV9c/6
OriginalL'auteur Eduard Florinescu | 2014-06-10
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser
.remplaceavec()
dans ce contexte,DÉMO
Code complet serait,
DÉMO
Il semble être une mauvaise idée de remplacer l'élément select comme tout le monde le dit,
Donc, essayez d'afficher/masquer l'élément d'entrée basé sur la sélection de l'utilisateur.
Essayer,
DÉMO
replaceWith
va supprimer leselect
, qui ne peut pas être ce que l'OP veut, cacher, c'est mieux. Toutefois, il est juste mon avis.J'ai trop d'accord avec ça, mais en particulier, il nous a demandé de changer de sélectionner un élément comme un élément d'entrée
Pouvez-vous expliquer comment remplacer zone de texte avec des dropdownlist ?
pourriez-vous comprendre comment faire pour remplacer manuel liste déroulante?
La démo ci-dessus est de travailler pour moi .
OriginalL'auteur Rajaprabhu Aravindasamy
Utilisation
on()
commelive
est obsolète. Vous devez le faire comme ceci:VIOLON DÉMO
OriginalL'auteur Ehsan Sajjad
Vous pouvez l'utiliser comme ceci:
OriginalL'auteur Anoop Joshi
Violon
OriginalL'auteur Sudharsan S
Violon
Code:
OriginalL'auteur Arijit Mukherjee
Ajouter à votre code HTML:
Et de dire si d'autres
Vous pouvez masquer
$("#myText").hide();
de la charge.Mais en remplaçant est une mauvaise idée. Par erreur, si l'utilisateur sélectionne autres, il n'y a aucun moyen d'obtenir la liste déroulante de nouveau. Donc, si l'autre est sélectionné, obtenir une zone de texte à côté de la boîte de dépôt.
Voir @sudharsan le Violon d'.
OriginalL'auteur rinuthomaz