Select add() วิธี

HTML DOM Select วัตถุ

คำอธิบายและวิธีใช้

add() วิธีนี้ใช้เพื่อเพิ่มค่าในรายการคู่เลือก

คำเตือน：ถ้าต้องการลบค่าจากรายการคู่เลือก ใช้ remove() วิธี.

ตัวอย่าง

ตัวอย่าง 1

เพิ่มค่า "Kiwi" ในตำแหน่งด้านล่างของรายการคู่เลือก:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);

ทดลองด้วยตัวเอง

ตัวอย่าง 2

เพิ่มค่า "Kiwi" ในตำแหน่งด้านบนของรายการคู่เลือก:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);

ทดลองด้วยตัวเอง

ตัวอย่าง 3

เพิ่มค่า "Kiwi" ในตำแหน่งด้านล่างของรายการคู่เลือกที่มีที่ดังกล่าว (index "2"):

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);

ทดลองด้วยตัวเอง

ตัวอย่าง 4

เพิ่มค่าใหม่ก่อนที่จะเลือกค่าในรายการที่ค้างค้างในรายการคู่เลือก:

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Kiwi";
  var sel = x.options[x.selectedIndex]; 
  x.add(option, sel);
}

ทดลองด้วยตัวเอง

ภาษาบัญญัติ

selectObjectเพิ่มเติมค่าที่ยังไม่มีในคู่เลือกที่เปิดให้เลือก (option, index)

ค่าตัวแปร

ตัวแปร รายละเอียด
option จำเป็น กำหนดตัวเลือกที่ต้องการเพิ่ม ต้องเป็น element ของ option หรือ optgroup
index

เลือกได้ ตัวเลข กำหนดตำแหน่งที่จะใส่ตัวเลือกใหม่ ดัชนีเริ่มต้นที่ 0

ถ้าไม่ได้กำหนดตำแหน่งดัชนี ตัวเลือกใหม่จะถูกใส่ลงในท้ายของรายการ

รายละเอียดเทคนิค

ค่าที่คืน:

ไม่มีค่าที่คืน

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML DOM Select วัตถุ