使用jquery爲dropdownchecklist動態設置值

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章