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方法 載入新到的資料即可