Question

我有一个表单可以将联系人添加到数据库中，该表单有一个用于列出公司的选择菜单。选择公司时，我希望显示隐藏的标题输入字段，以便用户可以输入他们要添加到公司的人员的标题。如果没有选择公司值=“0”我想隐藏标题输入。感谢

<label for="company">Company</label>
<select  id="company-name" name="company" class="iselect">
  <option selected="selected" value="0">-- Select company --</option>
  <option value="1">Company1</option>
  <option value="2">Company2</option>
  <option value="3">Company3</option>
  <option value="4">Company4</option>
</select>
or <a onClick="$('#add-contact').hide(0);$('#add-company').show(0);return false;"  href="#">add new company </a>
</li>
<li style="display:none;"id="title">
  <label for="title">Title</label>
  <input type="text" id="title" name="title" class="itext">
</li>

Answer 1

您可以通过挂钩change事件来完成此操作。 jQuery对toggle方法有一个方便的重载，它显示或隐藏了一个元素，你可以在其中内联显示show condition：

$("#company-name").change(function() {
    $("#title").toggle($(this).val() != 0);
});

Jquery：选择特定选择选项时隐藏html元素

1 个答案: