HTML DOM select Object แสดงถึงองค์ประกอบ ของเอกสาร HTML มาดูวิธีการสร้าง select object ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - document.createElement(“SELECT”); คุณสมบัติ ต่อไปนี้เป็นคุณสมบัติของวัตถุที่เลือก - ทรัพย์สิน คำอธิบาย ออโต้โฟกัส ส่งกลับและแก้ไขว่ารายการแบบเลื่อนลงควรได้รับการโฟกัสหรือไม่เมื่อหน้าเว็บโหลด ปิดการใช้งาน ส่งกลับและแก้ไขว่ารายการดรอปดาวน์ถูกปิดใช้งานหรือไม่ ความยาว ส่งกลับจำนวน องค์ประกอบภายในรายการแบบเลื่อนลงในเอกสาร HTML แบบฟอร์ม ส่งคืนการอ้างอิงของแบบฟอร์มที่มีรายการดรอปดาวน์ในเอกสาร HTML หลายรายการ ส่งกลับและแก้ไขว่าจะสามารถเลือกได้หลายตัวเลือกจากรายการแบบเลื่อนลงหรือไม่ ชื่อ ส่งกลับและแก้ไขค่าของแอตทริบิวต์ name ของรายการแบบเลื่อนลง ขนาด ส่งกลับและแก้ไขค่าของแอตทริบิวต์ size ของรายการแบบเลื่อนลง พิมพ์ ส่งคืนค่าแอตทริบิวต์ type ของรายการแบบเลื่อนลง ค่า ส่งกลับและแก้ไขเนื้อหาของแอตทริบิวต์ค่าของรายการแบบเลื่อนลง selectedIndex ส่งกลับและแก้ไขดัชนีของตัวเลือกที่เลือกของรายการดรอปดาวน์ในเอกสาร HTML วิธีการ ต่อไปนี้เป็นวิธีการ - วิธีการ คำอธิบาย เพิ่ม() เพิ่มตัวเลือกใหม่ให้กับรายการดรอปดาวน์ในเอกสาร HTML ลบ() จะลบตัวเลือกใหม่จากรายการดรอปดาวน์ในเอกสาร HTML checkValidity() ตรวจสอบความถูกต้องของรายการดรอปดาวน์ในเอกสาร HTML ตัวอย่าง ให้เราดูตัวอย่างของ HTML DOM select object - <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } </style> </head> <body> <h1>DOM select Object Demo</h1> <button onclick="createDropDownList()" class="btn">Create a drop-down list</button> <script> function createDropDownList() { var dropDown = document.createElement("SELECT"); dropDown.innerHTML="<option>CAKE</option><option>PIZZA<option><option>BURGER</option>"; document.body.appendChild(dropDown); } </script> </body> </html> สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ - คลิกที่ “สร้างรายการแบบเลื่อนลง สร้างรายการดรอปดาวน์ปุ่ม” เพื่อสร้างรายการดรอปดาวน์ HTML DOM เลือกคุณสมบัติที่ถูกปิดใช้งาน HTML DOM Input Number คุณสมบัติขั้นต่ำ HTML DOM วัตถุตัวหนา วัตถุ HTML DOM HR วัตถุ HTML DOM Ol HTML DOM Ul Object HTML วัตถุรูปภาพ HTML DOM HTML DOM iFrame Object HTML DOM HTML Object HTML DOM เลือกวัตถุ ออบเจ็กต์ส่วน HTML DOM HTML DOM li วัตถุ วัตถุเมนู HTML DOM HTML DOM Mark Object วัตถุ HTML DOM blockquote วัตถุ HTML DOM Bdo การเขียนโปรแกรม C C++ Redis การเขียนโปรแกรม BASH Python Java ฐานข้อมูล HTML Javascript การเขียนโปรแกรม CSS Ruby SQL IOS Android MongoDB MySQL C# PHP SQL Server ลิขสิทธิ์ © https://th.wsxdn.com สงวนลิขสิทธิ์
