仅在选择特定值时显示文本字段

Displaying a text field only if a particular value is selected

本文关键字:显示 文本 字段 选择      更新时间:2023-09-26

我创建了一个包含3个值的下拉列表:

  • 日期明智的
  • <
  • 活跃学生/gh><
  • 不活跃的学生/gh>

当且仅当用户选择了"date"字段时,如何选择询问用户出生日期的文本字段?

请给我们提供更多的信息,并看看jquery ui datepicker

http://jqueryui.com/demos/datepicker/

这可能就是你要找的:

http://api.jquery.com/change/

http://api.jquery.com/show/

http://api.jquery.com/hide/

如果你不熟悉jquery,只要仔细看看这些页面上的例子,你应该很好去:)

//编辑-示例:

  <select id="filter_selection">
    <option value="date_wise">Date Wise</option>
    <option value="active_students">Active Students</option>
    <option value="inactive_students">Inactive Students</option>
  </select>
<span id="text" style="display: none"><input type="text" name="text"></span>
<script>
$('#filter_selection').change(function() {
  if($(this).val == 'date_wise') {
    $('#text').show();
  } else { 
    $('#text').hide(); 
  }
});
</script>

…未测试;)