是否可以禁用 <select> 和 <option> 标签的下拉行为？答案

【问题标题】：Is it possible to disable the dropdown behavior of <select> and <option> tags?是否可以禁用 <select> 和 <option> 标签的下拉行为？
【发布时间】：2014-05-28 05:53:07
【问题描述】：

我基本上有一堆通过 mysql->php->AJAX 生成的选择/选项标签。

我想编写一个客户端处理程序，根据选择/选项标签实际选择的内容，将一些指定的选择/选项标签从下拉菜单转换为并排框 (kinda like this)。

是否可以禁用选择/选项标签的下拉行为，同时使用 CSS 保持它们的 :select 类似行为？

我想避免更改标签类型。

【问题讨论】：

不确定我是否理解你的问题，但你可以看看this插件的例子
插件将选择/选项标签替换为 div。我考虑过这样做，但我宁愿有一个 CSS 解决方案。
你不能单独使用 CSS，因为你需要知道用户选择了什么并且你需要 javascript
您可以在这里做的最好的事情是使用隐藏字段。将此隐藏字段保持为空，只要选择特定大小即，就被单击了标记，请填充此空字段，标签值。颜色选项也可以这样做。
可以使用jquery的display-block插件进行并排显示jqueryui.com/selectable/#display-grid

标签： javascript jquery html css

【解决方案1】：

我认为这会有所帮助

<select name="abc" class="def" id="ijk" disabled="disabled"> <option> option1 </option> <option> option2 </option> </select>

使用 javascript，您可以删除/添加“禁用”属性以启用/禁用下拉选项。

【讨论】：