jQuery点击文本框下拉菜单城市选择特效代码

使用方法：

引用CSS样式文件

<link rel="stylesheet" type="text/css" href="css/hzw-city-picker.css">

引入jQuery库文件、插件JS文件

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/city-data.js"></script>
<script type="text/javascript" src="js/hzw-city-picker.min.js"></script>

插件初始化、参数配置

var cityPicker = new HzwCityPicker({
	data: data,
	target: 'cityChoice',
	valType: 'k-v',
	hideCityInput: {
		name: 'city',
		id: 'city'
	},
	hideProvinceInput: {
		name: 'province',
		id: 'province'
	},
	callback: function(){
		alert('OK');
	}
});
cityPicker.init();

HTML结构

<input type="text" id="cityChoice">