Question

我有一个父选项列表，如下所示，我想要做的就是当用户选择父选项时，应选择所有子选项。我怎样才能做到这一点？是否可以在父选项中提供所有子值？

 <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>

Answer 1

是的，有很多方法可以做到这一点，但如果列表很大，那就相当多了。如果您能够更改源，则有一种更简单的方法。

<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吗？

Answer 2

我认为如果您使用树选择而不是多选来满足您的要求会更好。请查看以下链接，例如 https://code.google.com/p/dynatree/

optgroup中的select-all选项

2 个答案: