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

我有一个表格可以将联系人添加到数据库中，该数据库有一个选择菜单来列出公司。选择公司后，我希望显示隐藏的标题输入字段，以便用户可以输入要添加到公司的人员的标题。如果未选择任何公司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>

公司
--精选公司--
公司1
公司2
公司3
公司4
或


标题

您可以通过连接

更改事件来完成此操作。jQuery为方法提供了一个方便的重载，该方法显示或隐藏一个元素，您可以在其中内联写入显示条件：

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