Recevoir choix liste déroulante en JQuery

iKelSilver - 4 févr. 2019 à 13:42
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 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

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
Modifié le 4 févr. 2019 à 17:56
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');
      }
  }
 });
 


0
Rejoignez-nous