Select trigger event from easyUI drop-down box

    What I want to do is , First, find out the city name from the database , With json The format is passed to the front end , Front end use input A drop-down box , receive data , And display... In the drop-down box . Be careful , Front end transmission json The data format is fixed , The saved city format is List<map>,map There are two values in , One key by id,value For custom id（ from 0 Start to grow ）, the other one key by text,value For the name of the city . This is mainly written to correspond to the foreground drop-down box .

    The front-end code ：

<td>     Select the city : 
    <input type="text" id="city_name" name="city_name" class="easyui-combobox" data-options="editable:true ,valueField: 'id',textField: 'text',url:'${pageContext.request.contextPath}/admin/main/getcity',prompt: ' The city name ',validType:'length[0,100]' "/>
</td>

    Then you need to get the click event .

 $(function(){
	$("#city_name").combobox({
		onSelect:function(record){
		var cit=$("#city_name").combobox('getText');
		$.ajax({
			type:"POST",
			url:'${pageContext.request.contextPath}/admin/main/getCityst',
			dataType:"json",
			data:{
				"city":cit
			 },
			success:function(json){
				$("#version").text(json.version); 
				$("#lianjie").text(json.cstatus); 
				$("#qiantai").text(json.qstatus); 
				$("#xyzsl").text(json.alls); 
				$("#wljsl").text(json.noda); 
			}
		})
						 	 
	}	 	
})

    according to id Get dropdown , then onSelect Get the selected drop-down box column , Then you can get the selected city . according to id, Use combobox,getText Get the city name , Then execute the front desk according to the name of the city ajax, Get other data under the city .