<html> <head> <script type="text/javascript"> /** * Récupère la valeur sélectionnée. * * @param selected : composant select. */ function selectChange(selected){ // L'attribut selectedIndex de selected est le numéro d'option choisit. // l'attribut options de selected contient la liste des options. // récupération de l'attribut value de l'option sélectionnée. // il est nécessaire d'avoir un attribut value sur le select, en effet en cas de rajout de choix, l'index sera décalé et le test donc faut. // car il aurait été possible de faire plus simplement mais plus source d'erreur et de difficulté de maintenance. // // // 0 étant Coiffeur, 6 -> Autre) // if ( selected.selectedIndex == 6){ // alert ("autre choisi"); // } var _val = selected.options[selected.selectedIndex].value; var display = "none"; if ( _val == "other"){ display = "block"; } document.getElementById("otherChoose").style.display = display; } </script> </head> <select name="vous_etes" onchange="selectChange(this)"> <option selected value="iiiii">Coiffeur</option> <option value="iii">Esthéticienne</option> <option value="ii">Coiffeur-Esthéticienne</option> <option value="idemcidessous">Gérant(e) de centre de beauté</option> <option value="chaispascommentondit">Distributeur</option> <option value="manufacturer">Fabricant</option> <option value="other">Autre</option> </select> </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question