HTML DOM เลือกวัตถุ
เลือกวัตถุ
วัตถุ Select แสดงถึงองค์ประกอบ HTML <select>
เข้าถึง Select Object
คุณสามารถเข้าถึง <select> องค์ประกอบโดยใช้ getElementById():
ตัวอย่าง
var x = document.getElementById("mySelect");
เคล็ดลับ:คุณยังสามารถเข้าถึงออบเจ็กต์ Select ได้โดยการค้นหาผ่าน คอลเลกชั่น องค์ประกอบของฟอร์ม
สร้าง Select Object
คุณสามารถสร้าง <select> องค์ประกอบโดยใช้ document.createElement() วิธีการ:
ตัวอย่าง
var x = document.createElement("SELECT");
เลือกคอลเล็กชันออบเจ็กต์
Collection | Description |
---|---|
options | Returns a collection of all the options in a drop-down list |
เลือกคุณสมบัติของวัตถุ
Property | Description |
---|---|
autofocus | Sets or returns whether a drop-down list should automatically get focus when the page loads |
disabled | Sets or returns whether the drop-down list is disabled, or not |
form | Returns a reference to the form that contains the drop-down list |
length | Returns the number of <option> elements in a drop-down list |
multiple | Sets or returns whether more than one option can be selected from the drop-down list |
name | Sets or returns the value of the name attribute of a drop-down list |
selectedIndex | Sets or returns the index of the selected option in a drop-down list |
size | Sets or returns the value of the size of a drop-down list |
type | Returns which type of form element a drop-down list is |
value | Sets or returns the value of the selected option in a drop-down list |
เลือกวิธีการออบเจ็กต์
Method | Description |
---|---|
add() | Adds an option to a drop-down list |
checkValidity() | |
remove() | Removes an option from a drop-down list |
คุณสมบัติและเหตุการณ์มาตรฐาน
ออบเจ็กต์ Select ยังสนับสนุนคุณสมบัติและเหตุการณ์ มาตรฐาน อีกด้วย
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: แบบฟอร์ม HTML
อ้างอิง HTML: HTML <select> แท็ก