JSFiddle - React, Tailwind, and code Playground

by pschinko

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<form method="post" action="">
<p>
    <select name="couleurs">
        <option value="">Choix couleur</option>
        <option value="vert">Vert</option>
        <option value="jaune">Jaune</option>
    <option value="bleu">Bleu</option>
    <option value="rouge">Rouge</option>
    <option value="violet">Violet</option>
    </select><br />
     
    <input type="text" id="champ1" value="toto"/>
</p>
</form>

JavaScript

$(document).ready(function() {
 
    $('#champ1').hide(); // on cache le champ par défaut
     
    $('select[name="couleurs"]').change(function() { // lorsqu'on change de valeur dans la liste
    	var valeur = $(this).val(); // valeur sélectionnée
     	// alert(valeur)
 
  		switch (valeur) {
    		case 'jaune':
     			$('#champ1').show()
        	break;
    		case 'bleu':
      		$('#champ1').show();  
        	break;
     		default:
     			$('#champ1').hide();  
       	 	break;
    	}
  
    });
 
});