jquery 省市联动上拉框 _Web前端

jquery 省市联动下拉框

1.在<head>中加入如下代码，去掉缓存

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">   
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">    
<META HTTP-EQUIV="Expires" CONTENT="0">

?2.引入联动代码

<script type="text/javascript" src="/scripts/location.js"></script>
<script type="text/javascript" src="/jquery-1.6.1.min.js"></script>

?3.初始化已存在的值

<script type="text/javascript">
        $(function(){
            //所在地
                <#if province??&&province!=''>
                    $('#selProvince').val('${province}');
                    Location.getCity('${province}');
                    <#if city??&&.city!=''>
                        $('#selCity').val('${city}');
                    </#if>
                </#if>
        })
    </script>

?4.在html中使用

所在地：
<select id="selProvince" name="province" onChange = "Location.getCity(this.options[this.selectedIndex].value)">
        <option value="">-请选择省-</option>
        <option value="北京市">北京市</option>
        <option value="上海市">上海市</option>
        <option value="天津市">天津市</option>
        <option value="重庆市">重庆市</option>
        <option value="河北省">河北省</option>
        <option value="山西省">山西省</option>
        <option value="内蒙古自治区">内蒙古自治区</option>
        <option value="辽宁省">辽宁省</option>
        <option value="吉林省">吉林省</option>
        <option value="黑龙江省">黑龙江省</option>
        <option value="江苏省">江苏省</option>
        <option value="浙江省">浙江省</option>
        <option value="安徽省">安徽省</option>
        <option value="福建省">福建省</option>
        <option value="江西省">江西省</option>
        <option value="山东省">山东省</option>
        <option value="河南省">河南省</option>
        <option value="湖北省">湖北省</option>
        <option value="湖南省">湖南省</option>
        <option value="广东省">广东省</option>
        <option value="广西壮族自治区">广西壮族自治区</option>
        <option value="海南省">海南省</option>
        <option value="四川省">四川省</option>
        <option value="贵州省">贵州省</option>
        <option value="云南省">云南省</option>
        <option value="西藏自治区">西藏自治区</option>
        <option value="陕西省">陕西省</option>
        <option value="甘肃省">甘肃省</option>
        <option value="宁夏回族自治区">宁夏回族自治区</option>
        <option value="青海省">青海省</option>
        <option value="新疆维吾尔族自治区">新疆维吾尔族自治区</option>
        <option value="香港特别行政区">香港特别行政区</option>
        <option value="澳门特别行政区">澳门特别行政区</option>
        <option value="台湾省">台湾省</option>
        <option value="其它">其它</option>
    </select>
    <select id="selCity" name="city">
        <option value="">-城市-</option>
    </select>