Recevoir choix liste déroulante en JQuery

- - Dernière réponse : jordane45
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
- 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
Afficher la suite 

Votre réponse

1 réponse

Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
362
0
Merci
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                                                                 
Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.