Question

如果我选择Option1，则必须显示弹出窗口
如果我选择Option2，则必须在页面
如果我选择Option3，则必须在页面中显示iframe

如何实现上述目标？

Answer 1

    <script>
    $(document).ready(function(){
    $(':input#mysel').live('change',function(){
    var sel_opt = $(this).val();
    alert(sel_opt);
    if(sel_opt==1)
    {
      your code;
    }
     else if(sel_opt==2)
     {
       your code;
     }
      else if(sel_opt==3)
      {
       your code;
      }

    });

 });
    </script>
    <select id="mysel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select>`

Answer 2

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

Answer 3

使用jQuery的.change()

示例：

<强> HTML：

<select name="sel1" id="sel1">
    <option value="1">popup</option>
    <option value="2">message</option>
    <option value="3">iframe</option>
</select>

<强>的javascript：

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

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

Answer 4

我假设通过“如果选择”选项“在”中选择“使用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 ：

<select id="selection">
    <option value="1">Option 1</option>
    <option value="2">Option 1</option>
    <option value="3">Option 1</option>
</select>

<强>的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;
    }
});

这应该指向正确的方向。

如果使用javascript选择“选择”下拉菜单中的“选项”，如何显示弹出窗口？

6 个答案: