Показать сообщение отдельно
  #2 (permalink)  
Старый 18.04.2017, 13:37
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Ответ на вопрос 1
<select>
  <option >---</option>
  <option value="1">Пункт 1</option>
  <option value="2">Пункт 2</option>
  <option value="3">Пункт 3</option>
</select>
<select>
   <option >---</option>
  <option value="1">Пункт 1</option>
  <option value="2">Пункт 2</option>
  <option value="3">Пункт 3</option>
</select>
<select>
   <option >---</option>
  <option value="1">Пункт 1</option>
  <option value="2">Пункт 2</option>
  <option value="3">Пункт 3</option>
</select>
<script>
var sel = document.getElementsByTagName('select');
for(var i = 0;i < sel.length; i++) {
   sel[i].onchange = function(e) { 
       if(e.target.value == "---") {
          var opt=document.getElementsByTagName('option');
          for(var j = 0;j < opt.length; j++) {
             opt[j].removeAttribute("hidden");
          }
       }
       else {
          for(var j = 0;j < sel.length; j++) {
             if(e.target != sel[j])  {
                sel[j].querySelector('option[value="' + e.target.value + '"]').setAttribute("hidden", "hidden");
             } 
          }
       }
   }
}
</script>

Вопрос 2 не осилил

Последний раз редактировалось Dilettante_Pro, 18.04.2017 в 13:50.
Ответить с цитированием