基于客户端的下拉框按首字母或拼音筛选

这是一个基于客户端的筛选功能,依赖jquery实现,其实这个功能不是那么实用,也没有多少技术含量,只是可以熟悉几个常用的js和jquery方法。

拼音、首字母、汉字:

 

说说原理:页面加载完成将copy一份完整的ul或者select包括其事件存入按ul或select名称定义window属性中,然后将副本ul中的li或者select里面的option通过jquery加上自定义的三个属性,三个属性分别为li或option中间的文字,拼音,拼音首字母。当点击筛选按钮时通过jquery按三个自定义的属性查询匹配的li或option,将页面上的li或option清空,让后再插入查询的li或option同时去除自定义属性。

网页上预览不了,请下载Demo

 

 

posted @ 2013-01-23 13:52  外婆我回来啦!  阅读(627)  评论(0)    收藏  举报