选择下拉项后，"表单文本字段"将可见

Form Text Field becomes visible when dropdown-item is chosen

本文关键字：quot 字段 文本 表单 选择      更新时间：2023-09-26

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

表单中的基本元素。最简单的方法是只对字段使用文字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

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