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 방법에 대한 편리한 과부하가 있습니다 .toggle`이 버전의()`애니메이션을 지원하지 않습니다

가

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