นิยามและคุณสมบัติ disabled ของ HTML <option>

การระบุและวิธีใช้

disabled คุณสมบัติเป็นคุณสมบัติบูล

เมื่อมีอยู่ มันกำหนดว่าต้องบล็อคตัวเลือก

ตัวเลือกที่บล็อคได้ไม่สามารถใช้งานและไม่สามารถคลิกได้

สามารถตั้งค่า disabled มีการกำหนดตัวแปรเพื่อป้องกันให้ผู้ใช้เลือกตัวเลือกนี้ จนกว่าจะพึงสมบัติบางอย่าง (เช่น ตัวเลือกตัวกำเนิด) หลังจากนั้นจะต้องใช้ JavaScript ลบค่า disabled เพื่อทำให้ตัวเลือกนี้สามารถเลือกได้

ตัวอย่าง

รายการรายการตัวเลือกด้านล่างที่มีตัวเลือกที่ถูกปิดการใช้งาน

<label for="cars">โปรดเลือกแบรนด์รถยนต์:</label>
<select id="cars">
  <option value="audi" disabled>ออดี</option>
  <option value="byd">บีเอ็ย์ดี</option>
  <option value="geely">เจียหลี่</option>
  <option value="volvo">วอลโลฟ</option>
</select>

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

ภาษาบวก

<option disabled>

การสนับสนุนเบราซเรอร์

ตัวเลขในตารางระบุตอนที่เบราซเรอร์สนับสนุนคุณสมบัตินี้ในครั้งแรก

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน 8.0 การสนับสนุน การสนับสนุน การสนับสนุน