对261个国家地区快速查找选择
实现的效果如下
当输入小写字母“z”的时候,刷出所有以z开头的国家
当输入汉字“美”的时候,刷出以美字开头的国家
1、使用java,SSH,Easyui
2、数据库设计,code:国家英语简写,note:中文注释,pycode:中文拼音缩写,english:英文名称
其中pycode全部为小写,note为中文名称,其余字段全部是大写
3、html代码
- <tr>
- <td class="left"><!-- Country -->国籍:</td>
- <td clas="right"><input name="passport.country" id="country" ata-options="valueField: 'CHN',textField: '中国'" class="easyui-validatebox" required="true" style="width: 174px;"/>
- </td>
- </tr>
4、js代码
- $(function(){
- $('#country').combobox({//国家代码初始化
- valueField:'english',
- textField:'note',
- url:'json/country.json',
- cache: false,
- //panelHeight: 'auto',//自动高度适合
- onChange: function(newValue,oldValue){
- countrySearch(newValue);
- }
- });
- });
- function countrySearch(newValue){//国家信息更改
- //判断汉字 (/[\u4e00-\u9fa5]+/).test(newValue))
- if((/[a-z]+/).test(newValue)||(/[\u4e00-\u9fa5]+/).test(newValue)){
- $('#country').combobox({//国家代码初始化
- valueField:'english',
- textField:'note',
- url:'apply/countryCombobox_combobox.action?values='+encodeURI(encodeURI(newValue)),
- cache: false
- // panelHeight: 'auto'//自动高度适合
- });
- }
- }
5、Action代码
- //模糊查询国家代码表
- public String countryCombobox() throws Exception{
- log.info("=====下拉框查询国家代码========");
- values=URLDecoder.decode(values,"UTF-8");
- String fields;
- if(values.getBytes().length==values.length()){//如果相等 输入的就不是汉字
- log.info("pycode");
- fields="pycode";
- }else{//如果不相等 输入的就是汉字
- log.info("note");
- fields="note";
- }
- List list=comboboxService.findCountry(fields, values);
- this.jsonUtil(list);
- return null;
- }
6、接口
- //查询国家代码表
- public List findCountry(String fileds,String values) throws Exception;
7、接口实现类
- //查询国家代码表
- public List findCountry(String fields,String values) throws Exception{
- Criteria criteria=this.sessionFactory.getCurrentSession().createCriteria(CcountryTbl.class);
- //当属性和值都不为空的时候,进行模糊查询
- if(StringUtils.isNotBlank(fields)&&StringUtils.isNotBlank(values)){
- criteria.add(Restrictions.like(fields, values+"%"));
- }
- return criteria.list();
- }
分类:
前端相关
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix