评论：下拉选择框美化插件selectFilter.js  [查看原文]

Johnny丶K0
2020/9/10 13:28:33
有奖励

一七年十月四号0
2019/6/21 11:13:09
老铁，解决没，同事故

r1
2018/10/17 14:23:30

$('.filter-box').selectFilter({
   callBack : function (val){
       //返回选择的值
       //做回调 ajax请求
       console.log(val+'-是返回的值')
   }
});

callBack返回的就是change事件了

r1
2018/7/26 16:23:20
貌似mui是使用tap来触发点击事件的，这个插件用click

r0
2018/4/29 14:30:29
如果是给下拉选择动态赋值的话，这个插件不支持的

看了下，没什么实用价值。1：一个页面不可能只有一个下拉框，一般设置一个class或者属性，就能调用所有。而这个一个下拉框写一个调用语句是什么鬼，2：还不如直接把回调的值只写写回文本框

r1
2018/1/18 14:23:51

・ 只是一个超级简单的插件，不用太在意那么多功能啦。

・ 回调的值和显示的文字在不同情况下是不一样的，我把值传到select里,可以获取select的值，也可以提供表单提交。

・ 声明下：

  1、此插件并没有扩展功能

  2、此插件只是把select搬出来自定义样式而已

  3、提供新手学习使用的小插件啦

怎么在事件中重置select呢？

r1
2018/1/11 16:09:07

1. 在<select>的<option>第一个设置值为空的就可以有空的值选择。

2. 事件的话 ：$('select').val(''); - 直接设置为空

聆听、记忆0
2018/1/12 14:21:58

不论之前选的什么，我是想着在事件中重置成默认状态。比如默认设置选了第一个。之后操作过可能选中第四个。现在点击按钮 事件中将select再次重置成默认选中的那一个   

r1
2018/1/18 14:25:17

如果要有一个空的选项你就在第一个添加这个

<option value="">please select</option>

就可以啦

r1
2018/1/5 17:26:24

获取值的方法：

1、值在 callback 里有返回，可以传个某个变量。

2、获取select的值 $('select').val() -- 最好给个id或者class

 ( 亲测可以获取到值哦， 如果疑问你可以把你获取值的代码贴出来我瞧瞧)

ie浏览器里  向下的箭头就会消失

r1
2017/12/29 14:27:40

感谢你的问题，之前是我疏忽了；

IE可能对background-image不支持，可以替换成background:url();试试；

还有一种方案是把 箭头图标换成img标签；