Jquery: скрыть HTML-элемент, когда выбран конкретный вариант выбора - PullRequest
Новая
       4

Jquery: скрыть HTML-элемент, когда выбран конкретный вариант выбора

1 голос
/ 20 сентября 2011

У меня есть форма для добавления контактов в базу данных, в которой есть меню выбора для списка компаний.Когда компания выбрана, я бы хотел, чтобы отображалось поле ввода скрытого заголовка, чтобы пользователи могли вводить название человека, которого они добавляют в компанию.Если ни одна компания не выбрана 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 Ответ

3 голосов
/ 20 сентября 2011

Вы можете сделать это, подключив событие change.jQuery имеет удобную перегрузку для метода toggle, который показывает или скрывает элемент, в который можно записать условие показа inline: 

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