フォームのテキストフィールドは、ドロップダウンアイテムが選択されたときに表示されます

Question

指定したドロップダウンメニューが選択された場合にのみ表示されるフォーム内にテキストフィールドが必要です。明確にするには、特定のプルダウンメニュー（ではなく）を選択してフォームを送信して、テキストボックスをクリアします。すなわち、ページは、特定のドロップダウンが選択されるように「リッスン」し、次いで、いくつかの方法論によって、ユーザがテキストフィールドを見えるようにする。

Answer 1

フォームの基本要素。最も簡単な方法は、フィールドにリテラルIDを使用することです。ここで

//jquery 
$('#choices').live('change',function() 
{ 
    if($('#choose_me').is(':selected')) 
    { 
    $('#show_me').show(); 
    } 
    else 
    { 
    if($('#show_me').is(':visible')) 
    { 
     $('#show_me').hide(); 
    } 
    } 
}); 

作業例です：私はすべての私のjavascriptのためのjQueryを好む

<form... > 

<select id="choices"> 
<option id="choose_me" value="foobar">blah</option> 
<option id="whatever" value="whatever">blah</option> 
</select> 

<input id="show_me" name="whatever" type="text" value="I am hidden" style="display:none;" /> 
</form> 

が必要http://jsbin.com/eculot/edit

Answer 2

$('#selectBox').change(function() { 
    var val=$('#selectBox').val(); 
    if(val=="value") 
     $('#textbox').show(); 
});