• 0366 997 840
  • namdong92@gmail.com

Lập trinh đia chỉ 3 cấp Tinh thành - Quận huyen - Phường xã


 

Link tải code ở dưới nha

tinhthanh.js 

function GetQuanHuyenTheoTinh(codeTinh) {
 
    $.ajax({
        type: "get",
        url: "/Public/DiaChi/quanhuyen.json",
        dataType: "json",
        success: function (response) {
            console.log('re', response);
            var htmlHuyen = `<option value="" ></option>`;
            $.map(response, function (elementOrValue, indexOrKey) {
                if (elementOrValue.parent_code == codeTinh) {
                    htmlHuyen += `<option value="${elementOrValue.code}" >${elementOrValue.name_with_type}</option>`;
                }
            });
            $("#quanhuyen").html(htmlHuyen);
        }
    });
}
 
function GetPhuongXaTheoQuanHuyen(codeHuyen) {
 
    $.ajax({
        type: "get",
        url: "/Public/DiaChi/phuongxa.json",
        dataType: "json",
        success: function (response) {
            var htmlPhuong = `<option value="" ></option>`;
            $.map(response, function (elementOrValue, indexOrKey) {
                if (elementOrValue.parent_code == codeHuyen) {
                    htmlPhuong += `<option value="${elementOrValue.code}" >${elementOrValue.name_with_type}</option>`;
                }
            });
            $("#phuongxa").html(htmlPhuong);
        }
    });
}
 
$(document).ready(function () {
 
    $.ajax({
        type: "get",
        url: "/Public/DiaChi/tinhthanh.json",
        dataType: "json",
        success: function (response) {
            console.log('re', response);
            $("#tinhthanh").append(
                `<option value="" >Chọn tỉnh thành phố</option>`
            );
            $.map(response, function (elementOrValue, indexOrKey) {
                $("#tinhthanh").append(
                    `<option value="${elementOrValue.code}" >${elementOrValue.name_with_type}</option>`
                );
            });
        }
    });
    $("#tinhthanh").change(function (e) {
        GetQuanHuyenTheoTinh($(this).val());
    });
    $("#quanhuyen").change(function (e) {
        GetPhuongXaTheoQuanHuyen($(this).val());
    });


 
});

 

Link tải code

https://drive.google.com/file/d/1hbrnWuwkh-VST9iyBeaY_SVtZnYB4MQx/view?usp=drive_link


Bài Liên Quan


Giới Thiệu JavaScript

Giới Thiệu JavaScript

JavaScript là ngôn ngữ kịch bản phía máy khách được gõ lỏng lẻo thực thi trong trình duyệt của người dùng. JavaScript tương tác với các phần tử html (phần tử DOM) để tạo giao diện người dùng web tương tác.

Javascript Căn Bản

Javascript Căn Bản

Bất kỳ loại tập lệnh phía máy khách nào cũng có thể được viết bên trong thẻ <script> bằng html. Thẻ script xác định một khối mã script trong trang html. Nó cũng tải một tập tin script với thuộc tính src.

Object

Object

Object is a non-primitive data type in JavaScript. It is like any other variable, the only difference is that an object holds multiple values in terms of properties and methods. Properties can hold values of primitive data types and methods are functions.

Ajax trong lập trình web

Ajax trong lập trình web

Ajax (Asynchronous JavaScript and XML) - là một khái niệm được giới thiệu và sử dụng đầu tiền vào tháng 2 năm 2005. Ajax là thứ thâm ảo với các lập trình viên mới, với những nhà tuyển dụng nó là thứ gì đó cao siêu đánh giá khả năng của lập trình viên, với maketing cho các khóa hoc nó được đưa lên một tầm cao mới là "võ công thượng thừa"  mà một lập trình viên phải đạt được, không ít người nhầm lẫn AJAX là ngôn ngữ lập trình, hầu như khi nhắc đến ajax là lại nghĩ ngay đến jquery.

Vô hiệu hóa chuột phải và không cho người dùng chọn văn bản

Vô hiệu hóa chuột phải và không cho người dùng chọn văn bản

Trong một số trường hợp bạn không muốn cho người dùng trang web sử dụng chuột phải, và không cho chọn thành phần trang bạn có thể làm....

Danh Mục

Bài Viết Mới Nhất