当选择下拉菜单时，表格文本字段变为可见

Question

我需要一个表格中的文本字段，只有在选择了指定的下拉菜单后才能看到该字段。为了清楚起见，通过提交表单，通过选择特定的下拉菜单而不是，文本框变得清楚。即，页面'监听'要选择的特定下拉菜单，然后通过一些方法使得用户可见的文本字段填充。

Answer 1

表单中的基本元素。最简单的方法是在字段中使用文字ID。

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

我喜欢的jQuery为我所有的JavaScript需要：

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

这里有一个工作示例：http://jsbin.com/eculot/edit

Answer 2

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