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

Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường, sử dụng data-id

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

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

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

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

Đọc text trong hình ảnh

jQuery tạo hiệu ứng chữ tự động nhảy ra như đang nhập liệu

Tự động cập nhật nội dung cho div khi nhập văn bản vào textarea

Hiệu ứng Hover cho hình ảnh khi đưa chuột vào

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