layui js select 中使用optgroup 标签给select 动态分组 data:{ 0:{YY:"string",HLS:"string",YZ:"string"} 1:{DV:"string",TYH:"string",NM:"string"} } 如何将对象中键 0 1 动态渲染到optgroup 对象中的值YY、HLS、YZ 渲染到对应的option中
时间: 2023-07-19 20:22:21 浏览: 206
layui-select动态选中值的例子
您可以使用以下代码将对象中的键渲染到optgroup中,将值渲染到对应的option中:
```javascript
var data = {
0: {YY:"string1",HLS:"string2",YZ:"string3"},
1: {DV:"string4",TYH:"string5",NM:"string6"}
};
var select = document.createElement("select");
for (var key in data) {
var optgroup = document.createElement("optgroup");
optgroup.label = "Group " + key;
for (var value in data[key]) {
var option = document.createElement("option");
option.text = data[key][value];
option.value = value;
optgroup.appendChild(option);
}
select.appendChild(optgroup);
}
document.body.appendChild(select);
```
此代码将生成一个带有两个optgroup的select元素,每个optgroup都有三个option元素。optgroup的标签将显示为“Group 0”和“Group 1”,而option的文本将设置为每个对象中的相应值。您可以根据需要修改标签和文本。
阅读全文