ตัวอย่าง
เพิ่ม "Kiwi" ตัวเลือกในตอนท้ายของรายการแบบหล่นลง:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option); ลองตัวเอง» ความหมายและการใช้งาน
add() วิธีการที่ใช้ในการเพิ่มตัวเลือกในการรายการแบบหล่นลง
เคล็ดลับ: ในการลบตัวเลือกจากรายการแบบหล่นลงใช้ remove() วิธีการ
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| add() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
selectObject .add( ค่าพารามิเตอร์ พารามิเตอร์ ลักษณะ option จำเป็นต้องใช้ ระบุเลือกที่จะเพิ่ม จะต้องเป็นตัวเลือกหรือ optgroup องค์ประกอบ index ไม่จำเป็น. จำนวนเต็มที่ระบุตำแหน่งดัชนีสำหรับที่องค์ประกอบตัวเลือกใหม่ควรแทรก ดัชนีเริ่มต้นที่ 0 ถ้าไม่มีดัชนีจะระบุตัวเลือกใหม่ที่จะถูกแทรกในตอนท้ายของรายการ
รายละเอียดทางเทคนิค
กลับค่า: ไม่มีค่าตอบแทน
ตัวอย่างอื่น ๆ
ตัวอย่าง
เพิ่ม "Kiwi" ตัวเลือกที่จุดเริ่มต้นของรายการแบบหล่นลง:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);
ลองตัวเอง»
ตัวอย่าง
เพิ่ม "Kiwi" ตัวเลือกในตำแหน่งดัชนี "2" ของรายการแบบหล่นลง:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);
ลองตัวเอง»
ตัวอย่าง
เพิ่มตัวเลือกก่อนที่จะเป็นตัวเลือกที่เลือกไว้ในรายการแบบหล่นลง:
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);
} ลองตัวเอง»
<เลือกวัตถุ