三级联动与后台交互

HTML代码

                <ul class="col-xs-12">
                    <li class="col-sm-3 col-xs-12">
                        <select id="select_province"  onchange="get_select_city()"  >
                            <option value=" " selected="selected" >请选择省份</option>
                            <#list provList as prov>
                                <option value="${prov.code}">${prov.name}</option>
                            </#list>
                        </select>
                    </li>
                    <li class="col-sm-3 col-xs-12">
                        <select id="select_city" name="city" onchange="get_select_county()">
                            <option>选择市</option>
                        </select>
                    </li>
                    <li class="col-sm-3 col-xs-12">
                          <select id="select_county" name="select_county">
                            <option value="">选择县、区</option>
                          </select>
                      </li>
                    <li class="col-sm-3 col-xs-12">
                           <a id="selectIDCity" class="submit" href="javascript:void(0);">确定</a>
                    </li>
                </ul>

js代码

function get_select_city(){
    var id = document.getElementById('select_province').value.replace(",","");
    $.get("http://www.zhyell.com/zones/getCity/"+id, function(result){
        var city = $("#select_city");
        city.empty();
        var option0 = $("<option>").text('选择市').val('');
        city.append(option0);
        for(var i=0;i<result.length;i++) {
            if(i == 0){
                var option = $("<option>").text(result[i].name).val(result[i].code).attr("selected","selected");
            }else{
                var option = $("<option>").text(result[i].name).val(result[i].code);
            }
            city.append(option);
        }
    });
}
function get_select_county(){
    var id = document.getElementById('select_city').value;
    $.get("http://www.zhyell.com/zones/getCity/"+id, function(result){
        var city = $("#select_county");
        city.empty();
        var option0 = $("<option>").text('选择县、区').val('');
        city.append(option0);
        for(var i=0;i<result.length;i++) {
            if(i == 0){
                var option = $("<option>").text(result[i].name).val(result[i].code).attr("selected","selected");
            }else{
                var option = $("<option>").text(result[i].name).val(result[i].code);
            }
            city.append(option);
        }
    });
}