<h2 class="contentTitle">下拉菜单</h2>

<div class="pageContent" layoutH="56">
	<select class="combox" name="province" ref="w_combox_city" refUrl="demo/combox/city_{value}.html">
		<option value="all">所有省市</option>
		<option value="bj">北京</option>
		<option value="sh">上海</option>
		<option value="zj">浙江省</option>
	</select>
	<select class="combox" name="city" id="w_combox_city" ref="w_combox_region" refUrl="demo/combox/region_{value}.html">
		<option value="all">所有城市</option>
	</select>
	<select class="combox" name="region" id="w_combox_region">
		<option value="all">所有区县</option>
	</select>

	<div class="divider"></div>

	<select class="combox" name="test" id="combox_test_demo">
		<option value="1">test1</option>
		<option value="2">test2</option>
	</select>

	<button onclick="comboxRefreshTest();">comboxRefresh</button>
	<button onclick="comboxDisableTest();">comboxDisable</button>
	<button onclick="comboxEnableTest();">comboxEnable</button>
	<button onclick="$('#combox_test_demo').comboxVal(2);">comboxVal</button>
</div>

<script type="text/javascript">
	function comboxRefreshTest(){

		var count = Math.round(Math.random()*10);
		var testJson = [];

		for (var index=1;index<count; index++) {
			testJson.push([''+index, 'test'+index]);
		}

		$('#combox_test_demo').comboxRefresh(testJson);
	}

	function comboxDisableTest(){
		$('#combox_test_demo').comboxDisable();
	}

	function comboxEnableTest(){
		$('#combox_test_demo').comboxEnable();
	}
</script>