Форум

miltorg · #1 (**permalink**) 04.08.2021, 17:14

Изменить стиль - скрыть некоторые элементы выпадающего списка - доступ по value

Так всё хорошо:

let v = document.getElementById("edit-field-kran");
   v.options[3].style.display = "";
    v.options[4].style.display = "";
v.options[5].style.display = "none";

Но это доступ - просто по порядку.

А как получить доступ по value?
Спасибо.

od0201 · #2 (**permalink**) 04.08.2021, 17:52

<body>
  <select size="5" multiple name="hero[]" id=iii>
    <option disabled>Выберите героя</option>
    <option value="Чебурашка">Чебурашка</option>
    <option selected value="Крокодил Гена">Крокодил Гена</option>
    <option value="Шапокляк">Шапокляк</option>
    <option value="Крыса Лариса">Крыса Лариса</option>
   </select>
</body>
<script>
  setTimeout(()=>document.querySelector('#iii > option[value="Шапокляк"]').style.display = "none"
  , 2000)
</script>

miltorg · #3 (**permalink**) 04.08.2021, 18:09

Абалдеть. Похоже что это то что я ищу уже 2 часа.
Спасибо огромное.

Форум

Справочник

Discord чат

Курсы javascript