CSS
select 的 optgroup
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区<optgroup label="---parent1---">
<option>∟son1</option>
<option>∟son2</option>
</optgroup>
<optgroup label="---parent2---">
<option>∟son1</option>
<option>∟son2</option>
</optgroup>
</select>
我已经做到了分组。
但是有个要求就是作为父类的 ---parent1--- ---parent2--- 也要能被选中的。
这个是怎么实现的？？
相关推荐
html中select optgroup标签使用介绍
偶然需要对select 内容进行分组，以往都是用程序控制，今天发现 select 中还有一个 optgroup 属性可以用，试用心得如下，感兴趣的朋友可以参考下哈
HTML select 全解析：结构、事件、动态渲染与避坑指南
本文系统梳理HTML select控件的核心机制，涵盖结构组成（select/option/optgroup）、属性陷阱（selected/disabled/required）、事件行为（change/input/焦点）、动态渲染（options集合/new Option/重渲染顺序）、样式限制（appearance:none/option样式边界）及自研组件决策依据。重点揭示程序修改value不触发change、多选取值错误、disabled导致表单字段丢失、required校验失效等高频问题，并提供两级联动、datalist轻量搜索、多选标签化等实战方案。
Dify平台提示词注入攻击实战：从原理到多层防御方案
本文探讨了在HTML中使用OptGroup元素进行数据分类的方法，并解决了在使用DOM操作时遇到的问题。通过对比不同方法，指出了使用appendChild(element)方法来正确创建Select列表的分组结构。
HTML的Form标签
文章详细介绍了HTML中的表单元素，包括<form>的属性如name、action、method，以及<input>的各种类型如text、radio、checkbox等。还提到了其他相关元素如datalist、label、select、option、optgroup、fieldset和legend的用途和用法，以及表单提交的方式和数据编码类型。,
html option禁用选择 select禁用选项示例
不想让用户选择，就可以将html option禁用、禁用select选项，下面是具体的实现，希望对大家有所帮助
