油盐不进的select元素

2024年4月21日 140次阅读 来源: philips

近来项目中用到下拉列表，由于浏览器对下拉列表的剖析不一样，且项目请求要用各自浏览器自带的select结果。这个让我完全摒弃了运用他人写的下拉列表控件（比方： bootstrap dropdown）。
下面是我select的一些总结。

  1. select 不存在站位文本，即不存在placeholder属性。
    没有这个属性，致使最大的题目就是select框显现值必需是其option里的一项，这也就是select没法完成input的placeholder结果。如今网上的一些dropdown控件完成这个结果，他们都是把把select用Div，ui，li加上js模仿出来的。

  2. select的option项油盐不进。
    有时候我们愿望当用户点击option时触发一个js要领。很抱歉这个没法完成，由于option的事宜都被select自身掌握了。另有就是在option内里或许表面加元素都是不好用的，比方像下面这段代码。当时的主意是在option内里或表面套一个，然后猎取表面元素的事宜，如许就能够模仿option被点击的事宜，然则惋惜没有胜利。在表面加元素会让select没法熟悉option，就会消除这一项。所以大部分监听事宜都是在select上监听，比方用onChange。

 <select>
 <span><option>good</option></span>
 <option><span>well<span></option>
 </select>

option里增加款式也是无效的，select自身已给款式了，不吸收其他的款式。所以变动款式只能在select标签上变动。
附上 select的事宜，属性和要领
http://blog.csdn.net/huozhicheng/article/details/5416060

    原文作者：philips
    原文地址: https://segmentfault.com/a/1190000004531203
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞