J'ai 3 zones de liste déroulante/liste déroulante HTML. Tous ont un nom et un identifiant distincts. Lors d'un événement particulier, je veux connaître la valeur de chacun d'entre eux. Quelqu'un peut-il me donner un extrait de code pour cela?JavaScript: obtenir la valeur de la liste déroulante
Répondre
utilisant jQuery:
$("#dropdownID").val();
Utilisez un cadre comme jQuery mentionné ci-dessus ou tout simplement le faire à l'ancienne école. document.getElementById('dropdownId').value
.
Pour ce faire, ne pas utiliser jQuery:
function getSelectValues() {
var values = [];
for (var i = 0; i < arguments.length; i++) {
var select = document.getElementById(arguments[i]);
if (select) {
values[i] = select.options[select.selectedIndex].value;
} else {
values[i] = null;
}
}
return values;
}
Cette fonction retourne un tableau de valeurs qui correspondent à la id
passer de vous dans la fonction, comme suit:
var selectValues = getSelectValues('id1', 'id2', 'id3');
Si un <select>
avec l'un de vos id
s n'existe pas, le tableau contient null
pour la valeur de cette position.
Il y a deux autres façons de le faire, vous pouvez passer la fonction d'un tableau de id
valeurs: getSelectValues([ 'id1', 'id2', 'id3' ])
, auquel cas la fonction serait changé:
function getSelectValues(ids) {
var values = [];
for (var i = 0; i < ids.length; i++) {
// ...
Vous pouvez également passer la fonction une carte de id
s et remplir les valeurs suivantes:
var myMap = { 'id1': null, 'id2': null, 'id3': null };
getSelectValues(myMap);
// myMap['id1'] contains the value for id1, etc
Cela changerait la fonction d'être:
function getSelectValues(map) {
for (var id in map) {
var select = document.getElementById(id);
if (select) {
map[id] = select.options[select.selectedIndex].value;
} else {
map[id] = null;
}
}
}
Je vais essayer de les mettre en place les unes à côté des autres dans votre code HTML, puis de les parcourir à l'aide de la méthode each() intégrée de jQuery. Vous souhaitez configurer vos éléments comme celui-ci:
<div id="dropdownBoxes">
<select id="firstElement">
<option>cool</option>
<option>neat</option>
</select>
<select id="secondElement">
<option>fun</option>
<option>awesome</option>
</select>
<select id="thirdElement">
<option>great</option>
<option>synonym</option>
</select>
</div>
<input type="button" id="theTrigger">Push me!</input>
Ensuite, dans votre script:
var dropdownValues;
$("#theTrigger").click(function(){
dropdownValues.length=0;
$("#dropdownBoxes select").each(function(){
dropdownValues.push($(this).val());
});
});
- 1. Comment obtenir la valeur d'une liste déroulante en utilisant xajax.getFormValues?
- 2. Trier la liste déroulante en utilisant Javascript
- 3. PHP définir la valeur sélectionnée de la liste déroulante
- 4. La valeur de la liste déroulante MVC n'est pas configurée
- 5. Problème avec la liste déroulante de la liste déroulante
- 6. Comment puis-je obtenir la valeur (chaîne) de la sélection en cours dans une liste déroulante?
- 7. Comment puis-je renseigner une autre liste déroulante avec l'événement onChange de la première liste déroulante?
- 8. Valeur de liste déroulante ASP.NET MVC
- 9. string; # dans la liste déroulante
- 10. 2ème liste déroulante changements basés sur le choix de la 1ère liste déroulante dans ASP.NET
- 11. comment modifier la valeur dans la zone de texte à la date actuelle en fonction de la valeur sélectionnée dans la zone de liste déroulante dans javascript
- 12. Résultats de la liste déroulante dans gridview
- 13. Comment obtenir la propriété de chaîne de contrôle ASP.NET pour afficher la liste suggérée dans la liste déroulante du concepteur?
- 14. GUI: Modification des panneaux en fonction de la valeur de la zone de liste déroulante
- 15. Images dans la liste déroulante
- 16. Ajouter la validation à une liste déroulante
- 17. AJAX ModalPopup déclenché par la liste déroulante
- 18. La page Retour initialise la liste déroulante
- 19. DataGridViewComboBoxColumn - type d'éléments dans la liste déroulante
- 20. Mise à jour de la liste déroulante depuis la liste déroulante
- 21. ASP.NET MVC - Définir la valeur sélectionnée de la liste déroulante en cascade
- 22. Comment obtenir la valeur de datafieldtext ou selectedtext de la liste de sélection dans asp.net mvc?
- 23. insertion d'éléments dans la liste déroulante
- 24. Appel de la fonction javascript à partir de la liste déroulante
- 25. Comment obtenir la valeur html List via Javascript?
- 26. Zend Framework - Définir la valeur « sélectionné » dans la liste déroulante boîte de sélection
- 27. zone de liste déroulante dans la vue DataGrid affichant la valeur Membre
- 28. Comment modifier une liste déroulante javascript
- 29. javascript: liste déroulante dans le formulaire avec un bouton pour ajouter une deuxième copie de la liste déroulante
- 30. obtenir la valeur de la zone de texte de php
connaissez-vous bouton « Accept » dans chaque réponse que vous obtenez sur votre question? – Kamarey
plz dites-moi comment accpter la réponse.Je ne peux voir que le bouton Commet. Beaucoup de gens m'ont demandé d'accepter la réponse.Mais je ne sais pas comment accpet.Where est l'option – user156073
Dans chaque réponse à votre question, juste en dessous du nombre de votes, il y a un signe "v" comme. Choisissez la réponse que vous aimez le plus et appuyez sur ce signe "v". – Kamarey