本文主要是介绍jquery multiselect ajax动态获取数据,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.引入文件:
<link href="js/multiselect/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="js/multiselect/jquery.multiselect.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/multiselect/jquery-ui.js"></script>
<script type="text/javascript" src="js/multiselect/jquery.multiselect.js"></script>
2.我实现的是省,市,区,街道,(街道需要多选)的功能
初始化 下拉框后 ,选择不同的 区域 多选框的街 道列表自动刷新
主要js代码:
function initTowns(e){var areaCOde=$("#area_selt").val();if(areaCOde){$.post("initTowns.html?method="+areaCOde,function(data){multiselect.empty();for(index in data){opt = $('<option />', {value: data[index].code,text: data[index].name});opt.appendTo( multiselect );}multiselect.multiselect('refresh');},"json");}}
说明 :每次去后台获取数据后 :mulitselect,empty()清空 下拉框 再通过 refresh方法 加载新到的数据即可
这篇关于jquery multiselect ajax动态获取数据的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!