对261个国家地区快速查找选择

最新推荐文章于 2024-06-26 11:48:59 发布

海潜

最新推荐文章于 2024-06-26 11:48:59 发布

阅读量4.5k

点赞数 2

分类专栏： SSH Maven Java Jsp Easyui JS

本文链接：https://blog.csdn.net/lhq13400526230/article/details/22301321

版权

Easyui 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

Java

11 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

实现的效果如下

当输入小写字母“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();
	}