让html select支持readonly属性

最新推荐文章于 2025-01-12 10:01:18 发布

原创最新推荐文章于 2025-01-12 10:01:18 发布 · 3.3w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文介绍了一种在HTML中使Select元素具备只读特性的简单方法，通过使用JavaScript来阻止用户更改已选择的选项。

部署运行你感兴趣的模型镜像

刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的：

<select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3" selected="selected">test3</option>
<option value="4">test4</option>
<option value="5">test5</option>
</select>

您可能感兴趣的与本文相关的镜像

Kotaemon

AI应用

Kotaemon 是由Cinnamon 开发的开源项目，是一个RAG UI页面,主要面向DocQA的终端用户和构建自己RAG pipeline