показать и скрыть многогранные деления в зависимости от значений 3 блоков выбора

Question

У меня есть 3 списка выбора с множеством опций. Я не знаю, какой код 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 тип квартира -

- Адресные данные IF Alrehab + Madinty тип Вилла -

- Адресные данные все коммерческие -

-Адрес данных населенного пункта типа квартира ИЛИ вилла -

- денежные средства Alrehab + Madinty -

- денежные средства населенного пункта -

- Credite Alrehab + Madinty-

- Расчетный кредит -

- Аренда всего -

- С мебелью все -

Я думаю, у меня много дел

Я поместил все необходимые поля в свой HTML и прокомментировал это так.

Я хочу показать используемый раздел полей и скрыть другие

Пример моего скрытого кода

<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

Похоже, хорошее место для jQuery show (), hide () и немного логики.

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();
  }
}

Добавьте updateShown() к событию select .change, и вы должны быть установлены.