select readonly 不能看到其它选项解决方式

Posted 2020-09-21 llguanli

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了select readonly 不能看到其它选项解决方式相关的知识，希望对你有一定的参考价值。

在html中是select readonly后。依旧能够下拉选择。不想做disabled添加隐藏域，以下提供两种解决方式

解决方式1：

onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"

可是这样依旧能够看到其它选项。怎么让其它选项也无法看到呢？有人提出了用js控制,可是页面太多select并且不一定哪个是仅仅读的。所以提供解决方式2

解决方式2，通过css解决。无法看到其它选项

select[readonly] {
	background: #eee;
	cursor: no-drop;
}

select[readonly] option {
	display: none;
}

如此完美解决

以上是关于select readonly 不能看到其它选项解决方式的主要内容，如果未能解决你的问题，请参考以下文章