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

Question

我尝试使用

在选择字段中设置选项值

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

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

无论如何设置选项的值与optgroup值。

Answer 1

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

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

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

演示：Fiddle