select readonly 不能看到其他选项解决方案
2015-06-03 14:49
267 查看
在html中是select readonly后,依然可以下拉选择,不想做disabled增加隐藏域,下面提供两种解决方案
解决方案1:
但是这样依然可以看到其他选项,怎么让其他选项也无法看到呢?有人提出了用js控制,但是页面太多select而且不一定哪个是只读的,所以提供解决方案2
解决方案2,通过css解决,无法看到其他选项
如此完美解决
解决方案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; }
如此完美解决
相关文章推荐
- 关掉Windows Firewall的PowerShell
- iOS自动处理键盘事件的第三方库:IQKeyboardManager
- iis网站发布相关问题
- activemq的几种基本通信方式总结
- activemq的几种基本通信方式总结
- activemq的几种基本通信方式总结
- activemq的几种基本通信方式总结
- java I/O 操作及优化建议
- 《将博客搬至CSDN》
- 单元测试之Mock
- MySQL慢查询优化
- 【划屏/滚屏】划屏/滚屏效果demo
- Oracle中packages的使用
- c++强制类型转换:dynamic_cast、const_cast 、static_cast、reinterpret_cast
- soap RMI RPC WebService REST CORBA JMS这几者的区别和联系
- 【划屏/滚屏】划屏/滚屏效果demo 分类: 划屏 划屏效果 划屏demo 2015-06-03 14:48 27人阅读 评论(0) 收藏
- C# @符号的作用, 可定义关键字为变量名
- python获取各操作系统硬件信息的方法
- 502 解决:[WARNING] fpm_children_bury
- thinkphp 3.2+ 批量添加