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

<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>

function renderCity(data) {
  for (const x of data) {
	var opt = document.createElement('option');
	 opt.value = x.Name;
	 opt.text = x.Name;
	 opt.setAttribute('data-id', x.Id);
	 citis.options.add(opt);
  }
  citis.onchange = function () {
    district.length = 1;
    ward.length = 1;
    if(this.options[this.selectedIndex].dataset.id != ""){
      const result = data.filter(n => n.Id === this.options[this.selectedIndex].dataset.id);

for (const k of result[0].Districts) {
		var opt = document.createElement('option');
		 opt.value = k.Name;
		 opt.text = k.Name;
		 opt.setAttribute('data-id', k.Id);
		 district.options.add(opt);
      }
    }
  };
  district.onchange = function () {
    ward.length = 1;
    const dataCity = data.filter((n) => n.Id === citis.options[citis.selectedIndex].dataset.id);
    if (this.options[this.selectedIndex].dataset.id != "") {
      const dataWards = dataCity[0].Districts.filter(n => n.Id === this.options[this.selectedIndex].dataset.id)[0].Wards;

for (const w of dataWards) {
		var opt = document.createElement('option');
		 opt.value = w.Name;
		 opt.text = w.Name;
		 opt.setAttribute('data-id', w.Id);
		 wards.options.add(opt);
      }
    }
  };
}
	</script>

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

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

Nhập vào input hiển thị số dạng rút ngắn theo đơn vị

Thư viện mã QR kèm logo ở giữa

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

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

Đọc text trong hình ảnh

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

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

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

Code chuyển Html sang Markdow