</pre>代碼截取:<pre name="code" class="html"><script type="text/javascript">
function cityChange(){
var city = $("#city").val();
$("#cityval").val(city);
var cv = $("#cityval").val();
$.post("../servlet/Area?type=city",
{
city : cv
},
function(data,status){
var jsonobj=eval('('+data+')');
if(jsonobj.code=="200"){
var obj = jsonobj.list;
$("#county").dropdownchecklist("destroy");
$("#county").empty();
for(var i=0;i<obj.length;i++){
$("#county").append($("<option value='"+obj[i].countycode+"'>"+obj[i].county+"</option>"));
}
setcountycontent();
}else{
alert("查詢過程中出錯,請重試");
}
});
}
function setcountycontent(){
$("#county").dropdownchecklist({ emptyText: '點擊選擇區縣', maxDropHeight: 150, width: 140 });
$(".ui-dropdownchecklist-wrapper").css({border:"solid 1px"});
$(".ui-dropdownchecklist-dropcontainer").css({"background-color":"white","border":"solid 1px","width":"133px","height":"130px","overflow-y":"scrooll"});
$(".ui-dropdownchecklist-dropcontainer-wrapper").width(150);
}
function my(){
$("#city").dropdownchecklist( { emptyText: '點擊選擇地市', maxDropHeight: 150, width: 140 } );
setcountycontent();
}
</script>
<select id="city" multiple="multiple" οnchange="cityChange();">
</select>
<select id="county" multiple="multiple" > </select>