对于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,下一步我将会继续改进这一插件。
这个挺好的,但是有点小问题,就是遇到flash等会被遮住
那是FLASH的问题。。 你可以查一下相关的FLASH遮挡其他层的内容。