2011-08-08 14 views
0

プルダウンリストから「その他」オプションを選択したときにクラスを追加して、非表示のフィールドを表示しようとしています。しかし、私はそれを行う正しい方法はよく分かりません。.change()を使用して選択リストでクラスを追加する

私は入力を隠していますが、オプションを選択すると、表示ブロックを追加して隠しフィールドを表示するクラス "ビュー"を追加します。ここで

はフィドルは、私がこれまでのところ、すべてのヘルプははるかに高く評価されるだろうしているものを見せている:答えデーブため http://jsfiddle.net/maikunari/NX795/

答えて

1
$(document).ready(function(){ 
    $("#select-box").change(function(){ 
     if($(this).val() == "other"){ 
      $("#text-field").show();   
     } else { 
      $("#text-field").hide();  
     } 
    }); 
}); 

<select id="select-box"> 
<option value="Email Newsletter">Email Newsletter</option> 
<option value="Yellow Pages ">Yellow Pages </option> 
<option id="other-select" value="other">Other</option> 
</select> 
+0

おかげで、これはその後、最初から隠されたボックスを示した場合、それを隠しI何かを選んでいない限り、何かを選んでください。私の更新されたフィドルを見てください:http://jsfiddle.net/maikunari/NX795/3/ – maikunari

+0

はい、私は何かが欠けていた、値=アイテムのリストで他の、完全にありがとう! – maikunari

関連する問題