2014-11-10 3 views
0

У меня есть список родительских опций, как показано ниже, все, что я хочу сделать, - это когда пользователь выбирает родительский вариант, все дочерние параметры должны быть выбраны. Как мне это сделать ? Можно ли дать все дочерние значения в родительском параметре?все опции в optgroup

<html><head> 
    <style type="text/css"> 
    .optionGroup 
    { 
     font-weight:bold; 
     font-style:italic; 
    } 

.optionChild 
{ 
    padding-left:15px; 
} 
</style> 
</head> 
<body> 
<select multiple="multiple"> 
     <option value="Parent0" class="optionGroup">Parent Tag</option> 
     <option value="child1" class="optionChild">Child Tag</option> 
     <option value="child2" class="optionChild">Child Tag</option> 
</select> 

</body> 
</html> 

ответ

0

Да, есть много способов сделать это, но если список большой, это совсем немного работы. Если вы можете изменить источник, есть более простой способ.

<select multiple="multiple"> 
    <option value="Parent0" class="optionGroup parent0"> 
    <option value="child2" class="optionGroup parent0"> 
    <option value="child1" class="optionGroup parent0"> 
    <option value="Parent1" class="optionGroup parent1"> 
    <option value="child2" class="optionGroup parent1"> 
    <option value="child1" class="optionGroup parent1"> 
</select> 

Теперь, вы просто выбираете каждый вариант, который имеет тот же класс, что и родительский (parent0, Parent1) и т.д. Это будет гораздо проще с JQuery. Вы используете только javascript?

+0

И, если вы можете использовать HTML 5, вы можете использовать данные-группы = «p0» образец, так что вам не придется делить атрибут класса – Keith

+0

является его можно передать все значения родительской опции? –

+0

Да. Вы тоже можете это сделать.

0

Я думаю, что лучше использовать дерево вместо многосегментного для вашего требования. пожалуйста, проверьте ссылку ниже, например https://code.google.com/p/dynatree/

Смежные вопросы