1. 程式人生 > >多級下拉列表預設觸發下拉事件載入資料

多級下拉列表預設觸發下拉事件載入資料

jQuery.get("./getProvinceList",{},function(data){
        	console.log();
        	var list = data.data.list;
        	var html = "<option value='0' disabled='disabled'>省</option>";
        	for(var i=0;i<list.length;i++){
        		html += "<option value='"+list[i].id+"'>"+list[i].text+"</option>";
        	}
        	$("#province").html(html);
        	//寫入預設值,
        	if(load){
	        	$("#province").val(${entity.province});
	        	//觸發下拉事件
	        	$('#province').trigger('change');
        	}
        },"json");
        //省改變載入市
        $("#province").change(function(){
        	//省改變其它預設初始化
        	$("#lawyerStation").html("<option value='-1' disabled='disabled' selected='selected'>請選擇律師事務所</option>");
        	$("#county").html("<option value='0' disabled='disabled' selected='selected'>區縣</option>");
        	$("#otherCounty").attr("hidden",true);
        	$("#otherLawyerStation").attr("hidden",true);
        	
        	
        	ProvinceId = this.value;
        	jQuery.get("./cityListByProvinceId",{ProvinceId:ProvinceId},function(data){
            	var list = data.data.list;
            	var html = "<option value='0' disabled='disabled' selected='selected'>地級市</option>";
            	for(var i=0;i<list.length;i++){
            		html += "<option value='"+list[i].id+"'>"+list[i].text+"</option>";
            	}
            	$("#city").html(html);
            	//寫入預設值,
            	if(load){
	            	$("#city").val(${entity.city});
	            	//觸發下拉事件
	            	$('#city').trigger('change');
            	}
            },"json");
        })
關鍵是val(),change(),trigger('change')三個函式的使用