Bộ lọc select tỉnh thành, quận huyện sử dựng API provinces.open-api.vn

<div>
<select id="city">
<option value="" selected>Chọn tỉnh thành</option>           
</select>
          
<select id="district">
<option value="" selected>Chọn quận huyện</option>
</select>

<select id="ward">
<option value="" selected>Chọn phường xã</option>
</select>
 </div>

var renderData = (array, select) => {
    let row = ' <option disable value="">Chọn</option>';
    array.forEach(element => {
        row += `<option data-id="${element.code}" value="${element.name}">${element.name}</option>`
    });
    document.querySelector("#" + select).innerHTML = row
}

$("#city").change(() => {
    callApiDistrict(host + "p/" + $("#city").find(':selected').data('id') + "?depth=2");
    printResult();
});
$("#district").change(() => {
    callApiWard(host + "d/" + $("#district").find(':selected').data('id') + "?depth=2");
    printResult();
});
$("#ward").change(() => {
    printResult();
})

var printResult = () => {
    if ($("#district").find(':selected').data('id') != "" && $("#city").find(':selected').data('id') != "" &&
        $("#ward").find(':selected').data('id') != "") {
        let result = $("#city option:selected").text() +
            " | " + $("#district option:selected").text() + " | " +
            $("#ward option:selected").text();
        $("#result").text(result)
    }

}
	</script>

Bộ lọc select tỉnh thành, quận huyện sử dựng API provinces.open-api.vn

Hiệu ứng Animated Number Counter bằng jQuery

Tạo mã QR với thư viện QRcode

Xóa bỏ gạch chân cho link trong html css

Tạo hộp thời tiết bằng API openweathermap code Javascript

Hướng dẫn CSS border gradient

Hiệu ứng zoom, phóng to hình ảnh khi đưa chuột vào

Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản

Chia cột bằng thuộc tính display flex trong CSS

Crop hình ảnh bằng CSS đơn giản và cần thiết

Ẩn bớt nội dung và thêm dấu 3 chấm khi nội dung quá dài