如果使用javascript在“选择”下拉列表中选择“选项”，如何显示弹出窗口？

1. 如果我选择Option1它必须显示弹出窗口

2. 如果我选择Option2它必须在页面中的选择框下方显示消息

3. 如果我选择Option3则必须在页面中显示iframe

如何实现上述目标？

Answer 1

    1 2 3 4 5 ` 

Answer 2

我为你写了jsfiddle。 http://jsfiddle.net/BgGTH/1/

Answer 3

使用jQuery的.change()

例：

HTML：

  popup message iframe  

JavaScript的：

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

当然，此示例仅显示第一种情况，您可以使用switch来选择三个（或更多）选项。

Answer 4

我假设通过“if select”选项“in”选择“使用javascript下拉”，你的意思是“当用户选择一个特定的选项时我想用JavaScript来制作其他东西”。

这应该让你开始：

 $("#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; } }); 

如果你想要更具体的东西，你应该让你的问题（很多）更清晰。

Answer 5

我猜你的意思是：

HTML ：

  Option 1 Option 1 Option 1  

使用Javascript

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

Answer 6

只需处理下拉列表的onchange ：

 $("#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; } }); 

这应该指向正确的方向。