<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="/js/jquery1.8.3.min.js">
</script>
<script type="text/javascript" src="/js/jquery.cxselect.min.js">
</script>
</head>
<body>
<div class="inwrap">
<h1>jQuery cxSelect 联动下拉菜单 全球主要国家城市联动</h1>
<div class="example">
<fieldset>
<div class="form">
<dl class="row">
<dt>所在地区</dt>
<dd id="global_location" data-url="/json/globalData.min.json">
<select class="country select" data-first-title="选择国家"></select>
<select class="state select" data-required="true"></select>
<select class="city select" data-required="true"></select>
<select class="region select" data-required="true"></select>
</dd>
</dl>
</div>
</fieldset>
</div>
</div>
<script>
$('#global_location').cxSelect({
selects: ['country', 'state', 'city', 'region'],
nodata: 'none'
});
</script>
</body>
</html>主要脚本文件下载：cxselect.zip
