Показать сообщение отдельно
  #2 (permalink)  
Старый 24.04.2014, 00:48
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<head>
  <script>
    window.onload = showresult;

    function showresult() {
      var sel = document.getElementById("vid-product");
      var labels = document.querySelectorAll("div.label-hide label");
      var rez = {
        set10: ["lbl-275", "lbl-259", "lbl-286"],
        set11: ["lbl-275", "lbl-259"],
        set12: ["lbl-259"]
      }
      var hidelabels = function () {
          var len = labels.length;
          while (len--)
          labels[len].style.display = "none";
        };
      sel.onchange = function () {
        hidelabels();
        if (this.selectedIndex) {
          var arr = rez["set" + this.value];
          var rezlabel = document.querySelectorAll('.' + arr.join(', .'));
          var len = rezlabel.length;
          while (len--)
          rezlabel[len].style.display = "block";
        }
      };
      hidelabels();
    };
  </script>
</head>
<body>
  <select id="vid-product">
    <option selected="selected">Выберите</option>
    <option value="10" class="10">Первый набор</option>
    <option value="11" class="11">Второй набор</option>
    <option value="12" class="12">Третий</option>
  </select>
  <div class="label-hide">
    <label class="lbl-275">
      <input value="275" type="checkbox" class="value-275" />первый</label>
    <label class="lbl-259">
      <input value="259" type="checkbox" class="value-259" />второй</label>
    <label class="lbl-286">
      <input value="286" type="checkbox" class="value-286" />третий</label>
  </div>
</body>

не досмотрел массивы сразу.

Последний раз редактировалось Vlasenko Fedor, 24.04.2014 в 02:27.
Ответить с цитированием