HTML DOM Select วัตถุ

  • หน้าก่อนหน้า <section>
  • หน้าต่อไป <small>

Select วัตถุ

Select วัตถุแสดงถึงส่วนประกอบ HTML <select>

เข้าถึง Select วัตถุ

คุณสามารถเข้าถึงส่วนประกอบ <select> ด้วยวิธี getElementById()

var x = document.getElementById("mySelect");

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

คำแนะนำ:คุณยังสามารถเข้าถึง Select วัตถุด้วยการเลือกส่วนประกอบ elements ของฟอร์ม

สร้าง Select วัตถุ

คุณสามารถสร้างส่วนประกอบ <select> ด้วยวิธี document.createElement()

var x = document.createElement("SELECT");

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

ชุด Select วัตถุ

ชุด คำอธิบาย
options กลับค่าชุดของตัวเลือกทั้งหมดในรายการตัวเลือก

คุณสมบัติ Select วัตถุ

คุณสมบัติ คำอธิบาย
autofocus ตั้งค่าหรือกลับค่าความเป็นไปได้ที่รายการตัวเลือกจะได้รับความสนใจอัตโนมัติเมื่อหน้าโลกได้โหลด
disabled ตั้งค่าหรือกลับค่าความเป็นไปได้ที่จะปิดกั้นรายการตัวเลือก
form กลับค่าสำหรับฟอร์มที่มีรายการตัวเลือก
length กลับค่าจำนวนของ HTML <option> ตัวอย่างในรายการตัวเลือก
multiple ตั้งค่าหรือกลับค่าความเป็นไปได้ที่จะเลือกหลายตัวเลือกในรายการตัวเลือก
name ตั้งค่าหรือกลับค่าค่าของattribute name ของรายการตัวเลือก
selectedIndex ตั้งค่าหรือกลับค่าดัชนีของตัวเลือกที่เลือกในรายการตัวเลือก
size ตั้งค่าหรือกลับค่าค่าของ属性 size ของรายการตัวเลือก
type กลับค่าประเภทของส่วนประกอบฟอร์มที่เป็นรายการตัวเลือก
value ตั้งค่าหรือกลับค่าค่าตัวเลือกที่เลือกในรายการตัวเลือก

วิธี Select วัตถุ

วิธี คำอธิบาย
add() เพิ่มตัวเลือกไปยังรายการตัวเลือก
checkValidity()
remove() ลบตัวเลือกจากรายการตัวเลือก

คุณสมบัติมาตรฐานและเหตุการณ์

Select วัตถุสนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

ตัวเรียน HTML สำหรับฟอร์ม HTML

คู่มือ HTML สำหรับตามที่กำหนดใน HTML <select> แท็ก

  • หน้าก่อนหน้า <section>
  • หน้าต่อไป <small>