Добавить скриптом классы на option
Помогите написать скрипт, чтобы при загрузке страницы на каждую option добавлялся свой индивидуальный класс (использую джумловский модуль и он не дает их прописать сразу в html).
<div class="control-group"> {element label="Услуга" type="select"} {option label="Услуга 1" value="Услуга 1" /} {option label="Услуга 2" value="Услуга 2" /} {option label="Услуга 3" value="Услуга 3" /} {option label="Услуга 4" value="Услуга 4" /} {option label="Услуга 5" value="Услуга 5" /} {/element} </div> |
Quark_, на option ничего не должно быть кроме value.
|
Да просто заменить label на class. Все равно ни про какой атрибут label хтмл не знает.
|
Цитата:
А как для скрипта, который будет менять стили по клику указать, какая именно опция выбрана - не понимаю. |
Цитата:
|
Можно ли при такой структуре:
<div class="control-group"> {element label="Услуга" type="select"} {option label="Услуга 1" value="Услуга 1" /} {option label="Услуга 2" value="Услуга 2" /} {option label="Услуга 3" value="Услуга 3" /} {option label="Услуга 4" value="Услуга 4" /} {option label="Услуга 5" value="Услуга 5" /} {/element} </div> <div class="blocks"> <div class="Услуга 1"></div> <div class="Услуга 2"></div> <div class="Услуга 3"></div> <div class="Услуга 4"></div> <div class="Услуга 5"></div> </div> как-то на основе этого скрипта сделать, чтобы при выборе опции на соответствующий div также добавлялся класс, например selected? $('select').change(function(){ $(this).find(':selected').addClass('selected') .siblings('option').removeClass('selected'); }); |
Цитата:
$('select').change(function(){ $('.blocks > div').removeClass('selected') .eq(this.selectedIndex || 0).addClass('selected') }); |
Цитата:
|
Часовой пояс GMT +3, время: 11:20. |