<script src="/static/js/jQuery-1.8.2.min.js"></script>

<script src="/static/cxSelect/jquery.cxselect.min.js"></script>

{#    給三級(jí)聯(lián)動(dòng)設(shè)置簡(jiǎn)樣式#}

    <style>

        .wrap{width:600px;margin:0 auto;padding: 0 40px 20px;border:2px solid #999;}

        fieldset{margin: 10px 0;}

        a{color:#06f;text-decoration:none;}

    </style>

<div class="wrap">

<!--2:寫(xiě)html-->

   <fieldset id="city_china">

      <legend>默認(rèn)</legend>

      <p>省份：<select class="province" name="province" data-value="" data-first-title="選擇省份" disabled="disabled"></select></p>

      <p>城市：<select class="city" name="city" data-value="" data-first-title="選擇市" disabled="disabled"></select></p>

      <p>地區(qū)：<select class="area" name="area" data-value="" data-first-title="選擇地區(qū)" disabled="disabled"></select></p>

   </fieldset>

   <fieldset id="city_china_val">

      <legend>設(shè)置默認(rèn)值及選項(xiàng)標(biāo)題</legend>

      <p>所在地區(qū)：

         <select class="province" name="province" data-value="河南省" data-first-title="選擇省" disabled="disabled"></select>

         <select class="city" name="city" data-value="鄭州市" data-first-title="選擇市" disabled="disabled"></select>

         <select class="area" name="area" data-value="中原區(qū)" data-first-title="選擇地區(qū)" disabled="disabled"></select>

      </p>

   </fieldset>

   <fieldset id="global_location">

      <legend>全球主要國(guó)家城市聯(lián)動(dòng)</legend>

      <p>所在地區(qū)：

         <select class="country" data-first-title="選擇國(guó)家" disabled="disabled"></select>

         <select class="state" data-value="" disabled="disabled"></select>

         <select class="city" data-value="" disabled="disabled"></select>

         <select class="region" data-value="" disabled="disabled"></select>

      </p>

   </fieldset>

</div>

{#三級(jí)聯(lián)動(dòng)#}

<script>

    });

   //3：寫(xiě)js

    $('#city_china').cxSelect({

        url : '/static/cxSelect/cityData.min.json',  //聯(lián)動(dòng)json數(shù)據(jù)

        selects: ['province', 'city', 'area']           //select框?qū)?yīng)class

        // nodata: 'none'                               //無(wú)子類(lèi)別時(shí)不顯示下拉框

    });

    $('#city_china_val').cxSelect({

        url : '/static/cxSelect/cityData.min.json',  //聯(lián)動(dòng)json數(shù)據(jù)

        selects: ['province', 'city', 'area']          //select框?qū)?yīng)class

        // nodata: 'none'                               //無(wú)子類(lèi)別時(shí)不顯示下拉框

    });

    $('#global_location').cxSelect({

        url: '/static/cxSelect/globalData.min.json', //聯(lián)動(dòng)json數(shù)據(jù)

        selects: ['country', 'state', 'city', 'region'],//select框?qū)?yīng)class

        nodata: 'none'                                  //無(wú)子類(lèi)別時(shí)不顯示下拉框

    });

</script>