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

Question

我有一个用于将联系人添加到数据库中的表单，其中有一个用于列出公司的选择菜单。选择公司后，我希望显示隐藏的头衔输入字段，以便用户可以输入他们要添加到公司的人员的头衔。如果没有选择任何公司 value="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显示或隐藏元素的方法，您可以在其中内联编写显示条件:

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