|
Разрешить выбор <optgroup> в select multiple
Помогите довести до ума.
Пытаюсь реализовать выбор пункта optgropup (чтобы он был кликабельным).
Чтобы нажимая на него, выбирались все пункты option, которые в optgroup.
Вот сам Select:
<select data-placeholder="Выберите категорию" class="chosen-select" multiple="multiple" style="width:250px;" name="cat">
<optgroup class="ruby" label="Дорожно-строительная Техника">
<option class="black" value="22">Асфальтоукладчик</option>
<option class="black" value="23">Грейдер</option>
<option class="black" value="21">Дорожная фреза</option>
<option class="black" value="20">Каток</option>
</optgroup>
<optgroup class="ruby" label="Строительная Техника">
<option class="black" value="16">Бульдозер</option>
<option class="black" value="14">Гусеничный экскаватор</option>
<option class="black" value="13">Колесный экскаватор</option>
<option class="black" value="18">Мини погрузчик</option>
<option class="black" value="12">Телескопический погрузчик</option>
<option class="black" value="15">Фронтальный погрузчик</option>
<option class="black" value="17">Экскаватор-погрузчик</option>
</optgroup>
Вот скрипт:
$('optgroup').click(function (){
var selectActive = $("#id").find('option:not("[selected]")').length;
if(selectActive == 0){
$("#id").find('option').prop('selected', false).removeAttr('selected');
$("#e_skills").selectpicker('render');
}else{
$("#id").find('option').prop('selected', true).attr('selected', 'selected');
$("#e_skills").selectpicker('render');
}
});
Заранее благодарю )
|
