Recevoir choix liste déroulante en JQuery

Question

Recevoir choix liste déroulante en JQuery

Signaler

iKelSilver - 4 févr. 2019 à 13:42
jordane45

Messages postés: 32276
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 3 mai 2021

- 4 févr. 2019 à 17:56

Bonjour,

J'ai un problème pour recueillir le choix fait par l'utilisateur dans les listes déroulantes qui lui sont proposées. J'arrive à recevoir dans une variable, le choix qu'il a fait. Mais, je n'arrive à utiliser ses choix dans une condition de

if( ){ }else{ }

. Comment faire cela ?

<script src="jquery.js"></script>
<select id="dropdownList">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>
<select id="dropdownList2">
    <option value="1a">Option 1a</option>
    <option value="2a">Option 2a</option>
    <option value="3a">Option 3a</option>
    <option value="4a">Option 4a</option>
    <option value="5a">Option 5a</option>
</select>

<script>

	$(document).ready(function(){
		$('#dropdownList').on('change',function(){
			var optionValue = $(this).val();
			var optionText = $("#dropdownList option:selected").text();
			alert(optionValue);
		});
		$('#dropdownList2').on('change',function(){
			var optionValue2 = $(this).val();
			var optionText2 = $("#dropdownList option:selected").text();
			alert(optionValue2);
		});
		if((optionText) && (optionText2)){
			alert('Bonjour');
		}
		else{
			alert('Bonsoir');
		}
		
	});
	
</script>

Je voulais utiliser le choix que l'utilisateur a fait dans une condition de SI, mais, je n'arrive pas à le faire.
Aidez-moi s'il vous plaît.
Merci

A voir également:

Jquery liste déroulante dynamique
Ajax liste déroulante dynamique - Meilleures réponses
Javascript liste déroulante dynamique - Meilleures réponses
Alimenter une second Select par rapport au choix du 1er ✓ - Forum - PHP
Liste déroulante dynamique ✓ - Forum - Visual Basic
Ajax liste deroulante qui alimente plusieurs champs texte ✓ - Forum - PHP
Listes dynamiques liées - Forum - PHP
Liste déroulante dynamique php mysql ✓ - Forum - PHP

1 réponse

Répondre Posez votre question

jordane45 · Answer 1 · 2019-02-04T17:56:54+0100

Bonsoir,

Peut-être :

 $(document).ready(function(){
  $('#dropdownList').on('change',function(){
   var optionValue = $(this).val();
   alert(optionValue);
                verifReponses();
  });
  $('#dropdownList2').on('change',function(){
   var optionValue2 = $(this).val();
   alert(optionValue2);
                verifReponses();
  });
    
    function verifReponses(){
      var optionText = $("#dropdownList option:selected").text();
      var optionText2 = $("#dropdownList2 option:selected").text();
      if((optionText) && (optionText2)){
        alert('Bonjour');
      } else {
        alert('Bonsoir');
      }
  }
 });

Cordialement,
Jordane

Votre réponse