0

私はこれでかなり立ち往生しています。

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>​

誰かがこれで私を助けてくれることを願っています！お時間をいただき、誠にありがとうございます。

4

1 に答える 1

0

まあ、これはまさにあなたが望むものではありませんが、あなたを動かすことができます.

最初に、最初から表示したくない 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/でライブを見ることができます

于 2012-05-29T19:25:26.933 に答える