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

set html option value with optgroup in select field using JavaScript

本文关键字：设置 optgroup html 选项 JavaScript select 字段 使用      更新时间：2023-09-26

我尝试使用在选择字段中设置选项值

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

但我希望它以"android"的形式存储在optgroup"phone"中

是否有使用optgroup值设置选项的值。

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

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

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

演示：Fiddle

相关文章：