使用 JavaScript 在 select 字段中使用 optgroup 设置 html 选项值

Question

我尝试使用

在 select 字段中设置选项值

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

但我希望它在 optgroup "phones"

中存储为 "android"

是否可以使用 optgroup 值 .

设置 选项的值

Answer 1

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

也就是说，您可以使用 css selector 来查找 select 元素，然后将其设置为 selected 属性

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

演示：Fiddle

set html option value with optgroup in select field using JavaScript