原创:可筛选下拉框,jQuery插件SFilter 1.0发布

对于select下拉菜单,大家用得非常多了,但当下拉菜单的选项非常多时,怎么解决呢?比如商品分类、省市县之类的,少则几百多则上千。当然方案是有的,可以弹出层的方式,像51JOB的省市选择和行业选择。这里提供另一种解决方案,即:可筛选的下拉菜单。我把他写在一个jQuery插件中,调用只需一句话即可。

SFilter下载地址:下载

SFilter演示地址:演示

1.下载上面的压缩包首先调用jquery插件和SFilter插件


<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='sfilter.js'></script>
<link rel="stylesheet" href='sfilter.css' type="text/css" />

2.假设有下面的下拉菜单:


<select id="test">
<option value="0">所有品牌</option>
<option value='70' >A ABC</option>
<option value='191' >A 安泰</option>
<option value='428' >A 安吉尔</option>
<option value='122' >A 安可</option>
<option value='327' >A 爱宁</option>
</select>

我们只需要在JS代码中增加这样一行代码即可:


$(document).ready(function(){
$("#test").sfilter();
}
);

使用过程中如果发现任何BUG或不兼容的情况,请联系本人QQ93000214,下一步我将会继续改进这一插件。

9 评论

  1. 使用时,对选项进行分组后,就无法显示数据项了,
    option value=’105′ >B 碧欧泉
    B 贝贝鸭
    B 宝枫

    这样分组后,数据就无法显示了

发表评论

电子邮件地址不会被公开。 必填项已用*标注