基于jQuery打造智能的人员选择输入框
2009-10-29 00:00:00 来源:WEB开发网核心提示:UPDATE:修正了在FireFox下显示的问题,重新copy CSS即可写完这个名字忽然觉得有点标题党的嫌疑,基于jQuery打造智能的人员选择输入框,但是又不知道什么样的名字比较合适,那就暂且这样吧,它就是jQuery.autocomplete,它的官方网址是:http://bassistance.de/jquer
UPDATE:修正了在FireFox下显示的问题,重新copy CSS即可
写完这个名字忽然觉得有点标题党的嫌疑,但是又不知道什么样的名字比较合适,那就暂且这样吧。
今天要讲的东西比较简单,其中会用到另外的一个jQuery控件,是一个人员选择输入框。那到底是个什么东西呢?
那好还是先来看最后的效果,有个直接的了解。
是不是和时下流行的SNS网站的选择人员控件很像?对比一下,哈哈是的,其实目的是差不多的。
其实还有很多这样应用,如邮件系统中发件人,在输入时的自动补全,它是一个类似于Autocomplete的功能,但是又要比Autocomplete多那么一些功能的插件
基于这个情况,我所编写的这个控件时基于一个Autocomplete控件的,它就是jQuery.autocomplete,它的官方网址是:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
大家可以通过访问以下来获取它的使用方法,资料和demo还是比较详细,我这边就不重复写了。所以我们还是直接开始扩展的部分
第一我们还是先确定HTML
从html上分析autocomplete和选人控件的所查的就是
1:外侧的容器 2:选中的人员的那个小方块
[]
更多精彩
赞助商链接