javascript - 单击OPTGROUP后选择所有子元素

当用户在“选择”框中单击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>

最佳答案

这是因为您没有使用点击事件，请尝试以下操作：

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

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

关于javascript - 单击OPTGROUP后选择所有子元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29432530/