资讯专栏INFORMATION COLUMN

油盐不进的select元素

liangzai_cool / 3245人阅读

摘要:最近项目中用到下拉列表,由于浏览器对下拉列表的解析不一样,且项目要求要用各自浏览器自带的效果。在外面加元素会让无法认识,就会排除这一项。里添加样式也是无效的,本身已经给样式了,不接收其他的样式。附上的事件,属性和方法

最近项目中用到下拉列表,由于浏览器对下拉列表的解析不一样,且项目要求要用各自浏览器自带的select效果。这个让我彻底放弃了使用别人写的下拉列表控件(比如: bootstrap dropdown)。
下面是我select的一些总结。

select 不存在站位文本,即不存在placeholder属性。
没有这个属性,导致最大的问题就是select框显示值必须是其option里的一项,这也就是select无法实现input的placeholder效果。现在网上的一些dropdown控件实现这个效果,他们都是把把select用Div,ui,li加上js模拟出来的。

select的option项油盐不进。
有时候我们希望当用户点击option时触发一个js方法。很抱歉这个无法实现,因为option的事件都被select本身控制了。还有就是在option里面或者外面加元素都是不好用的,比如像下面这段代码。当时的想法是在option里面或外面套一个,然后获取外面元素的事件,这样就可以模拟option被点击的事件,但是可惜没有成功。在外面加元素会让select无法认识option,就会排除这一项。所以大部分监听事件都是在select上监听,比如用onChange。

 

option里添加样式也是无效的,select本身已经给样式了,不接收其他的样式。所以更改样式只能在select标签上更改。
附上 select的事件,属性和方法
http://blog.csdn.net/huozhicheng/article/details/5416060

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49753.html

相关文章

  • 油盐进的select元素

    摘要:最近项目中用到下拉列表,由于浏览器对下拉列表的解析不一样,且项目要求要用各自浏览器自带的效果。在外面加元素会让无法认识,就会排除这一项。里添加样式也是无效的,本身已经给样式了,不接收其他的样式。附上的事件,属性和方法 最近项目中用到下拉列表,由于浏览器对下拉列表的解析不一样,且项目要求要用各自浏览器自带的select效果。这个让我彻底放弃了使用别人写的下拉列表控件(比如: bootst...

    FrancisSoung 评论0 收藏0
  • (十四)java多线程之死锁以及解决方案

    摘要:本人邮箱欢迎转载转载请注明网址代码已经全部托管有需要的同学自行下载引言多线程如果设计的不合理的话很可能就会出现死锁当两个或者多个线程同事想要去获取共享资源的锁时但每个线程都要等其他线程把他们各自的锁给释放才能继续运行这就是死锁出现死锁必须具 本人邮箱: 欢迎转载,转载请注明网址 http://blog.csdn.net/tianshi_kcogithub: https://github...

    wendux 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<