Запретить выбор opt-group в селекте?
У меня есть фильтр (выпадающий список select) Города - ( это opt-group) и далее список...каким кодом мне запретить его для выбора, то есть значение города что бы нельзя было выбрать
помогите плиз...:thanks: (РЕШЕНО) - РЕШИЛ "РОНИ" .......Спасибо ему огромное!!! . |
|
мне к нему через HTML не подобраться, хочу скриптом
|
Arteeem,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<select>
<option value="test">test</option>
<optgroup label="Города" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</optgroup>
</select>
<script>
document.querySelector('[label="Города"]').disabled = true
</script>
</body>
</html>
|
Скажите а как можно не по Лейблу а по class= (у меня города не лейбл а класс )
|
Цитата:
<select>
<option value="test">test</option>
<optgroup class="city" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</optgroup>
</select>
<script>
document.querySelector('optgroup.city').disabled = true
</script>
|
Блин, не знаю почему но у меня не получается
Вот моя конструкция из кода странице до значения Города: <select id="edit-field-city-tid" name="field_city_tid" class="form-select with-style"><option value="All" selected="selected">- Все -</option><option value="2285" class="option-parent group-города tid-2285 depth-0">Города</option> пробовал вот так:
(function(){
document.querySelector('option.option-parent').disabled = true
})(jQuery);
и просто:
document.querySelector('option.option-parent').disabled = true
все равно не срабатывает... |
Arteeem,
и где у вас optgroup в коде??? |
здесь optgroup не прописан, он есть в модуле который создает select но тут ему присвоен класс option-parent
я хочу установить для этого класса Disabled |
Arteeem,
либо меняйте настройки модуля -- либо меняйте то что выдаёт модуль - и если нет optgroup тогда циклом по всем городам |
В СSS я для этого класса (.option-parent) могу что угодно, почти любое действие и оформление прописать, но в Скриптах я почти не соображаю.
Изменить модуль, честно скажу не смогу (не умею, да и при обновлении его все слетит) Я думал может средством JS указать для этого класса "Disabled" - это не возможно? p.s.Встраивание JS на страницу делает спец.модуль он может вживить все что угодно куда угодно, нужно только указать код для определенного класса или ID |
Цитата:
var items = document.querySelectorAll('.option-parent');
for (var i=0; i<items.length; i++) {items[i].disabled = true}
скрипт ставить после того как такие элементы существуют. |
рони
Спасибо!!!! Вам огромное!!!!!!! Все получилось!!!!!!!!!!!!!!!!!!! Вы супер!!!!! :dance: :dance: :dance: |
| Часовой пояс GMT +3, время: 04:32. |