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

我需要一个表单中的文本字段，该字段只有在选择指定的下拉菜单时才可见。为了清楚起见，文本框通过选择特定的下拉菜单而不是通过提交表单变得清晰。也就是说，页面“侦听”要选择的特定下拉列表，然后通过某种方法使文本字段可见，供用户填写

表单中的基本元素。最简单的方法是只对字段使用文本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
$('#choices').live('change',function()
{
  if($('#choose_me').is(':selected'))
  {
    $('#show_me').show();
  }
  else
  {
    if($('#show_me').is(':visible'))
    {
      $('#show_me').hide();
    }
  }
});

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