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