单击OPTGROUP后选择所有子元素

Question

当用户点击选择框内的OPTGROUP时，我想选择OPTGROUP的所有子元素。但由于某种原因，我的代码无效。 OPTGROUP上的Click事件未触发。

由于它是多选元素，我使用的是Bootstrap Multiselect plugin

这是我的代码：

$("optgroup.opt_group").select(function(e) {
    $(this).children().attr('selected', 'selected');
});

<select id="example19" multiple="multiple">
    <optgroup label="Mathematics" class="opt_group">
        <option value="analysis"> Analysis</option>
        <option value="algebra">Linear Algebra</option>
        <option value="discrete"> Discrete Mathematics</option>
        <option value="numerical">Numerical Analysis</option>
        <option value="probability"> Probability Theory </option>
    </optgroup>
    <optgroup label="Computer Science" class="opt_group">
        <option value="programming"> Introduction to Programming</option>
        <option value="automata">Automata Theory</option>
        <option value="complexity"> Complexity Theory</option>
        <option value="software">Software Engineering</option>
   </optgroup>
</select>

Answer 1

这是因为你没有使用点击事件试试这个：

$("optgroup.opt_group").click(function(e) {

      $(this).children().attr('selected','selected');
    });