Phương thức add() của Select

Đối tượng HTML DOM Select

Định nghĩa và cách sử dụng

thêm() Phương thức này được sử dụng để thêm tùy chọn vào danh sách rút gọn.

Lưu ý:Nếu muốn xóa tùy chọn khỏi danh sách rút gọn, hãy sử dụng Phương thức remove().

Mô hình

Ví dụ 1

Thêm tùy chọn "Kiwi" vào cuối danh sách rút gọn:

var x = document.getElementById("mySelect");
var địnhDanhSach = document.createElement("option");
địnhDanhSach.text = "Kiwi";
x.thêm(địnhDanhSach);

thử trực tiếp

Ví dụ 2

Thêm tùy chọn "Kiwi" vào đầu danh sách rút gọn:

var x = document.getElementById("mySelect");
var địnhDanhSach = document.createElement("option");
địnhDanhSach.text = "Kiwi";
x.thêm(địnhDanhSach, x[0]);

thử trực tiếp

Ví dụ 3

Thêm tùy chọn "Kiwi" vào vị trí chỉ số "2" trong danh sách rút gọn:

var x = document.getElementById("mySelect");
var địnhDanhSach = document.createElement("option");
địnhDanhSach.text = "Kiwi";
x.thêm(địnhDanhSach, x[2]);

thử trực tiếp

Ví dụ 4

Thêm một tùy chọn trước tùy chọn đã chọn trong danh sách rút gọn:

var x = document.getElementById("mySelect");
if (x.chonDuoc >= 0) {
  var địnhDanhSach = document.createElement("option");
  địnhDanhSach.text = "Kiwi";
  var sel = x.danhSachChon[x.chonDuoc]; 
  x.thêm(địnhDanhSach, sel);
}

thử trực tiếp

cú pháp

selectObject.thêm("option, index)

Giá trị của parameter

Parameter Mô tả
option Bắt buộc. Quy định tùy chọn cần thêm. Phải là yếu tố option hoặc optgroup.
index

Tùy chọn. Số nguyên, quy định vị trí chèn của yếu tố tùy chọn mới. Chỉ số bắt đầu từ 0.

Nếu không quy định chỉ số, tùy chọn mới sẽ được chèn vào cuối danh sách.

Chi tiết kỹ thuật

Giá trị trả về:

Không trả về giá trị.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng HTML DOM Select