多级下拉列表默认触发下拉事件加载数据
2018-03-22 11:22
525 查看
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')三个函数的使用
相关文章推荐
- 微信公众号网页长按屏蔽默认事件后点击动态加载的数据仍可以触发事件
- jquery 动态向下拉列表填充数据,点击下拉列表时传值并触发事件
- Gridpanel数据加载成功后,触发事件,让表格第一行的数据显示在下面的formpanel
- jquery 多级联动下拉列表含(数据模型)
- RecyclerView基础-数据适配、自定义分割线、上拉加载、下拉加载、item点击事件
- Android ListView下拉加载更多,http请求加载数据,Item点击事件
- 组合框-----选中下拉列表中数据时所产生的事件
- VB.Net程序设计:ComboBox下拉列表中显示多列数据-增加一个事件。
- Vue.js之下拉列表及选中触发事件
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
- Select下拉框动态获取数据,并触发事件
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 将数据对象加载到下拉列表中
- easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单
- 下拉列表数据动态加载 springmvc jquery ajax
- 关于下拉列表加载数据的一些操作
- Ext.js5(自定义的下拉列表模板)(从服务器加载数据)(28)
- Recyclerview 列表中 使用Glide加载图片,下拉 或者上拉 加载数据,图片闪 烁 ,