top of page

การจัดกลุ่มตัวเลือก

เป็นการจัดกลุ่มของตัวเลือกในรายการเมนูในกรณีที่มีตัวเลือกจำนวนมาก เพื่อให้ดูได้ชัดเจนขึ้น โดยใช้คำสั่ง เเท็กคำสั่ง <optgroup>...</optgroup> ในการแบ่งกลุ่ม ซึ่งมีรูปแบบดังนี้

รูปแบบ  <select name = "ชื่อของข้อมูล" size = "จำนวนบรรทัด">

<optgroup label = "ข้อความนำกลุ่ม">

<option> ข้อความตัวเลือกที่1 </option>

<option> ข้อความตัวเลือกที่2 <loption>

<option> ข้อความตัวเลือกที่.. </option>

<loptgroup>

<optgroup label = "ข้อความนำกลุ่ม">

<option> ข้อความตัวเลือกที่1 </option>

<option> ข้อความตัวเลือกที่2 </option>

<option> ข้อความตัวเลือกที่.. </option>

<loptgroup>

</select>

ตัวอย่างก่รจัดกลุ่มตัวเลือกในเมนู Drop-down menu

bottom of page