- 时间:2021-11-15 10:17 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:jquery+javascript编写国籍控件
一直苦于没有好的国籍控件可以用,于是抽空写了一个国籍控件,现分享给大家。
[b]主要功能和界面介绍[/b]
国籍控件主要支持中文、英文过滤以及键盘上下事件。
[img]http://files.jb51.net/file_images/article/201502/201502120858041.gif[/img]
[b]源码介绍[/b]
国籍控件核心是两个文件,navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定;main.css主要是用于渲染国籍控件的样式。而main.js是国籍控件的调用方法。
[img]http://files.jb51.net/file_images/article/201502/201502120858042.png[/img]
[b]HTML结构[/b]
国籍控件要呈现在页面上,必须事先在页面中加以设置以供控件加载使用。control-nationality-suggest 是容器,input 是输入接收,nationality-suggest-list-container是提示列表,用于显示筛选后的国籍列表。
[url=http://component.cform.cn/nationality/]查看DEMO[/url] [url=http://component.cform.cn/nationality/nationality.zip]DEMO下载[/url]