jQuery Jumpmenu

Question

我非常坚持这个。

我想创建一个跳转菜单来打开和关闭div。 但作为一个jquery初学者，我不得不向我的剧本发送val或其他内容。

到目前为止看到我的jsfiddle，也许你也很清楚我想要什么。

http://jsfiddle.net/wGs8a/2/

<select name="aantalpersonen" id="jumpMenu">
    <option value="one">Always vissable</option>
    <option value="two">Just when selected</option>
    <option value="three">All three are vissable</option>
</select>


<div id="one">
    I'm always vissable
</div>

<div id="two">
    I'm hidden and show if jumpmenu equals 2 and 3 is still hidden
</div>

<div id="three">
    I'm hidden and show if jumpmenu equals 3, 1 and 2 are also still vissable
</div>​

希望有人可以帮我这个！谢谢你的时间。

Answer 1

嗯，这不是你想要的，但可以帮助你。

首先，隐藏你不想从一开始就显示的css中的div：

#two {display:none}
#three {display:none}

jQuery代码是这样的：

$("#jumpMenu").change(function(){
   var selectedValue = $(this).val();

   $("div").hide(); //hides all divs

   $("#one").show(); //assures one is always visible

   switch( selectedValue ){
       case "one":
           //do nothing
           break;
       case "two":
           $("#two").show();
           break;
       case "three":
           $("#two, #three").show();
           break;
    } 
  });

您可以在http://jsfiddle.net/wGs8a/2/

中看到它