</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>