select 标签禁止选择

最新推荐文章于 2024-06-17 11:23:01 发布

brittany2009

最新推荐文章于 2024-06-17 11:23:01 发布

阅读量689

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/brittany2009/article/details/84486902

JS 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了在HTML中使用select标签时遇到的读只属性限制，并提供了一个折衷的方法来实现获取值的功能。通过设置readonly属性并结合onfocus和onchange事件，可以在不改变原生行为的情况下解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

禁止select标签选择

大家知道, 对于HTML控件select, 是没有readOnly属性的,
所以设置它并不起作用,如:

<select id="select1" readonly="readonly">
<option value="aa">aa</option>
<option value="bb">bb</option>
<option value="cc">cc</option>
<option value="dd">dd</option>
</select>

如果用disabled的话,提交时又取不到值.

那有什么方法可以实现?
----我现在还没找到 -_-!
不过可以有一个折中的方法,如下:

<select id="select1" readonly="readonly" onfocus="this.defOpt=this.selectedIndex" onchange="this.selectedIndex=this.defOpt;">
<option value="aa">aa</option>
<option value="bb">bb</option>
<option value="cc">cc</option>
<option value="dd">dd</option>
</select>

這样就搞定了