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