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方法 加载新到的数据即可