选择下拉项目时，表单文本字段变为可见

Question

我需要一个表单内的文本字段，只有在选择了指定的下拉菜单时才会显示。为清楚起见，通过提交表单选择特定的下拉菜单 not ，文本框将变为清晰。即，页面“监听”要选择的特定下拉列表，然后通过某种方法使文本字段可见，供用户填写。

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();
});