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

Code lịch hiển thị thời gian ngày tháng hiện tại bằng Javascript

Hiển thị menu khi click chuột phải như ở màn hình máy tính

Code chuyển Html sang Markdow

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

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

Căn giữa Hình ảnh, thẻ Div, Text trong CSS

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

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

Code jQuery thu gọn, mở rộng đoạn text

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