自定义下拉箭头样式的select插件,兼容IE9及以上。
-
下载插件源码
-
添加
html
结构<div id="select"> <img src="select.png" alt=""> </div>
-
引入插件相关
css
此部分可跟需求自己补充,可参考在select.html中css样式
-
引入插件
js
文件<script src="~/select.min.js"></script>
-
初始化插件
$("#select").mySelect({
msg:["第一个","第二个","第三个","第四个"],
shownum:0
});
var defaluts = {
msg:[], //默认你需要的选项
shownum:0, // 选择不展开时选中的是第几个,默认是0开始,也就是上述“第一个”
callback:function(ele) {
//console.log(ele.index()); //此处返回你当前点击的选项的索引
}
};
IE9+及以上
谷歌
火狐
360
猎豹
QQ