javascript - 在选择框中快速选择整个 optgroup 的简便方法

Question

我有一个选择框，我可以在其中选择多个选项。在选择框中是多个 optgroups。 有没有一种简单的方法可以在 javascript 中一次选择整个 optgroup？

Answer 1

我建议使用 jQuery(或其他框架)来快速处理 DOM 选择。给每个 optgroup 一个类，以便更容易捕获它。

$("optgroup.className").children().attr('selected','selected');

如果要根据用户选择组来选择整个组，请执行以下操作:

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

**这两个示例都是未经测试的伪代码，但如有必要，它们应该可以进行最小的更改。

如果您不能使用框架，您将不得不自己遍历 DOM 以找到 optgroup 和子项。您可以将监听器附加到 select 元素以获取被选中的元素，然后也以这种方式遍历到子元素。