多級下拉列表預設觸發下拉事件載入資料
阿新 • • 發佈:2018-11-02
關鍵是val(),change(),trigger('change')三個函式的使用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"); })