선택 상자 선택에 따라 입력 필드 사용 안 함

Question

선택 상자 값이 선택 될 때까지 입력 요소를 숨기거나 상자 선택 값을 선택하지 않으면 입력 필드를 사용하지 않으려 고합니다. 그 말이 맞는다면.

여기에 몇 가지 코드가 있으므로 적용 해 보겠습니다.

<div class="s_row_2 clearfix"> 
      <label><strong>Country</strong></label> 
       <select id="country" name="country" style="width: 212px;"> 
       <option value="null" selected="selected" >--- Please Select---</option> 

       <option value="nol">--- Not on this list ---</option> 
       <option value="New Zealand">New Zealand</option> 
       <option value="United Kingdom">United Kingdom</option> 
       <option value="United States">United States</option> 
       <option value="France">France</option> 
       <option value="Germany">Germany</option> 
       <option value="Spain">Spain</option> 
       <option value="Italy">Italy</option> 
       <option value="Canada">Canada</option> 

       </select> 

      <label class="required rightish"><strong>Other Country</strong></label><input type="text" name="othercountry" id="othercountry" size="30" /> 
     </div> 

사용자가 select 요소에서 "이 목록에 없음"옵션을 선택하면 (nol - not on list)

기타 입력란에 필수 입력란을 입력 할 수 있습니까? 아니면이 입력 필드를 더 잘 숨기고 "nol"값을 선택한 경우에만 표시하십시오.

Answer 1

당신은 change 이벤트에 이벤트 리스너를 결합하고 select의 value 확인할 수 있습니다 분명히

$("#country").change(function() { 
    if(this.value === "nol") { 
     $("#othercountry").show(); 
    } 
}); 

을, 당신은 아마 다른 값을 선택하면 다시 입력을 숨기기 위해 그것을 확장 할 것이며, 아마도 label 요소를 표시하거나 숨길 수도 있습니다.