javascript - 使用 JavaScript 在选择字段中使用 optgroup 设置 html 选项值

Question

我尝试使用

在选择字段中设置选项值

document.getElementById("select").value="android";

但我希望它在optgroup“phones”中存储为“android”

有没有办法用optgroup值设置选项的值。

Answer 1

select 元素的值应该是唯一的，否则在获取值时如何找出选择了哪个 optgroup

也就是说，您可以使用 css 选择器找到选择元素，然后设置其选择属性

var opt = document.querySelector('#select optgroup[label="Phones"] [value="android"]');
if (opt) {
    opt.selected = true;
}

演示:Fiddle