Jquery - Remplir zone de liste Déroulante avec le contenu du tableau
- Ce censé être vraiment facile, mais pour une raison que je ne trouve pas de réponse pour elle en ligne..
J'ai un tableau que je reçois après une requête AJAX et je veux remplir son contenu une simple zone de liste déroulante.
Donc, nous allons dire que c'est mon tableau:
var workers = ["Steve", "Nancy", "Dave"];
Et j'ai une simple zone de liste déroulante qui je veux remplir dynamiquement en fonction de ce que je vais obtenir à partir d'un appel AJAX:
<div id='dropdown'>
<select>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
</div>
Comment puis-je le faire correctement?
Merci beaucoup!!
InformationsquelleAutor Pavel Zagalsky | 2014-12-11
Vous devez vous connecter pour publier un commentaire.
Il suffit de créer un nouvel objet Jquery puis l'ajouter à la liste de sélection. Plus facile si vous venez de donner l'sélectionnez un id à la place de la div au-dessus d'elle.
Si vous avez le sélectionner comme ceci:
Vous pouvez utiliser quelque chose comme ceci:
Si vous avez 3 options dans la liste déroulante, vous pouvez simplement modifier les valeurs de l'option:
Si vous souhaitez modifier le nombre d'options, vous pouvez supprimer toutes les options existantes et rajouter tous d'entre eux, comme ceci:
Que vous avez à parcourir le tableau et ajouter les options à sélectionner par la création sur le DOM et l'établissement de leurs valeurs.
Essayez ceci:
À l'aide de l' $.carte en fonction de (), vous pouvez le faire de manière plus élégante :
Vous pouvez essayer de cette façon.
Il a travaillé pour moi.