ショーとの3つのセレクトボックスに依存multible div要素を隠し、私は多くのオプション と3 SelectListのを持っている

Question

値私はここで任意のJSコード を知らない私の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 -

-

- - アドレスデータの決済タイプフラットまたはAND villa--

- マネー現金Alrehab + Madinty -

- お金の現金決済は、データのすべての商業住所 - -

- Credite Alrehab + Madinty -

- Credite決済 -

- すべてレンタル -

- 全Furnnished -

を私は多くの場合

を持っていると信じて、私は私のhtml内のすべての必要なフィールドを入れて、そのようにそれをコメントしました。

iはフィールドの使用セクションを表示したいと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()を追加すると、設定する必要があります。