쇼의 3 개을 선택 상자에 의존했거나 사업부를 숨길 내가이

Question

값 내가 여기에있는 JS 코드 를 모르는 많은 옵션 3 selectList의 내 HTML

<fieldset id="basic_data"> 
       <legend>Basic Data :</legend> 
        <h3 class="floatright">Type</h3> 
        <select class="" id="choosebuilding" name="choosebuilding"> 
         <option value="flat">flat</option> 
         <option value="villa">villa</option> 
         <option value="3">commercial</option> 
         <option value="4">land</option> 
        </select> 
         <div class="clear"></div> 
        <h3 class="floatright">Payment</h3> 
        <select class="" id="choosecity" name="choosetype"> 
         <option value="1">cash</option> 
         <option value="2">installement</option> 
         <option value="3">rent</option> 
         <option value="4">furnished</option> 
        </select> 
         <div class="clear"></div> 
        <h3 class="floatright">Choose City</h3> 
        <select class="" id="choosecity" name="choosecity"> 
         <option value="1">Alrehab</option> 
         <option value="2">Settlement</option> 
         <option value="3">Madinty</option> 
        </select> 
       </fieldset><!-- end field set Basic Data --> 

내가 보여줄 것이다 많은 필드 셋이 같은 의존성 이

- 주소 데이터 IF 평면 Alrehab + Madinty 유형 -

- 주소 데이터 Alrehab + Madinty 형 빌라 IF -

-

- - 주소 데이터 정착 형 평면 또는 그리고 villa--

- 돈을 현금 Alrehab + Madinty -

- 돈을 현금 화해 데이터의 모든 상업 주소 - -

- Credite Alrehab + Madinty -

- Credite 정착 -

- 대여 모든 -

- 모든 Furnnished -

난 내가 내 HTML에서 필요한 모든 필드를 넣어 그래서처럼 댓글 많은 경우

을 믿습니다.

은 내가 필드의 사용 부분을 보여주고 싶은와 jQuery를 쇼() 숨기기()를위한 좋은 장소처럼 보이는

<fieldset id="furnished"> 
        <legend>Furnished - All :</legend> 
         <h3 class="floatright">coast</h3> 
         <input name="rental_sum" class="input100" /> 

         <h3 class="floatright">dialy</h3> 
         <input name="daily_rent" class="input100" /> 

         <h3 class="floatright">insurance</h3> 
         <input name="insurance" class="input100" /> 

         <h3 class="floatright">staff</h3> 
         <input name="annual_increas" class="input100" /> 

         <h3 class="floatright">less</h3> 
         <input name="less_rent_time" class="input100" /> 

         <h3 class="floatright">when ready</h3> 
         <input name="" class="input100" /> 

        </fieldset><!-- end field set 11 --> 

Answer 1

내 숨겨진 코드의 다른

예를 숨기고, 일부 로직 .

function updateShown(){ 
//First, hide everything that may have been previously shown. 
    $("#furnished").hide(); 

//Next, start showing things based on user's selections 
    //if ("Alrehab" or "Madinty") and ("flat" or "villa"), show addressData 
    if ($("#choosecity").val() == 1 || $("#choosecity").val() == 3) 
      && ($("#choosebuilding").val() == "flat" || $("#choosebuilding").val() == "villa")){ 
     $("#addressData").show(); 
    } 
} 

는 선택 ' .change 이벤트에 updateShown()을 추가하면 설정해야합니다.