县级的显示

县级显示的jquery代码:

<?php
$("#citys").change(function() {
    $.ajax({
        type: "get",
        url: "region_action.php", // type =2表示查询市
        data: {"parent_id": $(this).val(), "type": "3"},
        dataType: "json",
        success: function(data) {
            $("#countys").html("<option value=''>请选择县</option>");
            $.each(data, function(i, item) {
                $("#countys").append("<option value='" + item.region_id + "'>" + item.region_name + "</option>");
            });
        }
    });
});

选择完成展示所选的地址:

<?php
//显示地址
$("#countys").change(function() {
    var value = $("#provinces").find("option:selected").text()
        + $("#citys").find("option:selected").text()
        + $("#countys").find("option:selected").text();
    // alert(value);
    $("#region").append("选择的地址是:"+"<input value='" + value + "'>");
});

效果展示:

微信图片_20180310120236.png

继续学习
||
<?php echo "省市县三级联动显示";
提交重置代码