Comment afficher une fenêtre contextuelle si sélectionner “option” dans le menu déroulant “sélectionner” à l’aide de javascript?

    1 2 3 4 5 ` 

J’ai écrit sur jsfiddle pour vous. http://jsfiddle.net/BgGTH/1/

utiliser .change() de jQuery

Exemple:

html:

  popup message iframe  

javascript:

 jQuery('#sel1').change(function() { if(jQuery(this).val() == "1") { //popup code } }); 

Bien entendu, cet exemple ne montre que le premier cas et vous pouvez utiliser un switch pour les trois options (ou plus).

Je suppose que par “si vous sélectionnez” option “dans le menu déroulant” sélectionner “à l’aide de javascript,” vous voulez dire “lorsque l’utilisateur sélectionne une option particulière, je souhaite utiliser JavaScript pour créer autre chose”.

Cela devrait vous aider à démarrer:

 $("#IDofYourSelect").change(function() { switch ($(this).val()) { case "Option1": alert("I don't know what you mean by 'popup', but do that here."); break; case "Option2": // show message below select break; case "Option3": // do your iframe thing break; } }); 

Si vous voulez quelque chose de plus spécifique, vous devez clarifier votre question (beaucoup).

Je suppose que vous voulez dire ceci:

HTML :

  Option 1 Option 1 Option 1  

Javascript

 $(function() { $("#selection").change(function() { var val = $(this).val(); if (val == 1) { // ... } }); }); 

Il suffit de gérer le onchange de la liste déroulante:

 $("#DropDown1").bind("change", function() { var value = this.value; switch (value) { case "Value1": window.open("MyPage.html", "myPage"); break; case "Value2": $("#MyMessage").show(); break; case "Value3": $("#MyFrame").show(); break; } }); 

Cela devrait vous orienter dans la bonne direction.