让html select支持readonly属性

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

转载最新推荐文章于 2025-01-12 10:01:18 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1427708/blog/710687

文章标签：

#xhtml #python

本文介绍了一种在HTML中使select元素具备只读效果的方法。通过使用onfocus和onchange事件结合，可以阻止用户更改select选项，同时保持其外观不变。

2019独角兽企业重金招聘Python工程师标准>>>

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

[xhtml] view plain copy

<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>