在不使用<optgroup>标记的情况下,可以通过使用嵌套的<select>标记来对<select>中的选项进行分组。
具体步骤如下:
<select id="mySelect">
</select>
<script>
var select = document.getElementById("mySelect");
// 创建一个分组1
var group1 = document.createElement("select");
group1.label = "分组1";
// 创建选项1
var option1 = document.createElement("option");
option1.value = "1";
option1.text = "选项1";
group1.appendChild(option1);
// 创建选项2
var option2 = document.createElement("option");
option2.value = "2";
option2.text = "选项2";
group1.appendChild(option2);
// 将分组1添加到<select>中
select.appendChild(group1);
// 创建一个分组2
var group2 = document.createElement("select");
group2.label = "分组2";
// 创建选项3
var option3 = document.createElement("option");
option3.value = "3";
option3.text = "选项3";
group2.appendChild(option3);
// 创建选项4
var option4 = document.createElement("option");
option4.value = "4";
option4.text = "选项4";
group2.appendChild(option4);
// 将分组2添加到<select>中
select.appendChild(group2);
</script>
通过以上步骤,我们可以在不使用<optgroup>标记的情况下,实现对<select>中的选项进行分组。每个分组可以有自己的标签,并且可以动态地添加选项。
请注意,以上示例中使用的是纯HTML和JavaScript来实现分组,没有涉及到任何特定的云计算品牌商的产品。
领取专属 10元无门槛券
手把手带您无忧上云