top of page
การสร้างรายการเมนูเเบบ Drop-down muenu ด้วยเเท็กคำสั่ง <select>
เป็นการสร้างรูปเเบบของข้อมูลนำเข้าเเบบรายการตัวเลือกหลายรายการโดยมีลักษณะเป็น Drop-down muenu ที่จะเเสดงตัวเลือกที่ต้องการทั้งหมดออกมา มีรูปเเบบดังนี้
รูปเเบบ <select name="=ชื่อของข้อมูล" Size="จำนวนบรรทัด" multiple>
<option> ข้อความตัวเลือกที่1 </option>
<option> ข้อความตัวเลือกที่2 </option>
<option> ข้อความตัวเลือก.... </option>
..............................................
</select>
โดยที่
select เป็นคำสั่งการเเสดงรายการเมนูเเบบ Drop-down muenu
name เป็นการกำหนดชื่อของข้อมู,ที่ใช้เก็บข้อมูลของตัวเลือกที่ถูกเลือก เพื่อส่งให้โปรเเกรม CGI ในเซิร์ฟเวอร์
Size เป็นการกำหนดจำนวนบรรทัดที่ต้องการเเสดงใน Drop-down muenu
multiple ให้ผู้ใช้สามารถเลือกได้มากกว่า 1 ตัวเลือก
หากระบุ multiple ไว้เลือกได้เพียงตัวเลือกเดีียว
option เป็นการกำหนดรรายการตัววเลือกในเมนูนั้นโดยจะเเสดงตามข้อความตัวเลือกที่เรากำหนด หากการกำหนดให้ตีวเลือกใดเป็นตัวเลือกที่ถูกเลือก(Default value) ให้ใส่คำสั่ง selected ในคำสั่ง <option> ของตัวเลือกนั้น เช่น
<option selected > ข้อมูลตัวเลือกที่ 1 </option>
หากต้องการเก็บค่าของตัวเลือกที่เเตกต่างจากข้อความตัวเลือกที่กำหนดไว้ให้ใช้คำสั่ง value ในการกำหนดค่า เช่น
<option value="comp">คอมพิวเตอร์เเละสารสนเทศ </option>
เมื่อตัวเลือกนี้ถูกเลือก จะส่งค่าเป็น "comp"
หากไม่ได้กำหนด value จะส่งค่าเป็น "คอมพิวเตอร์เเละสารสนเทศ"
ตัวอย่างการสร้างรายการเมนูเเบบ Drop-down muenu
หากกำหนด size เป็น 1 จะแสดงเมนู บรรทัดเดียวด้วยค่าเริ่มต้น พร้อมปุ่ม หัวลูกศรเมื่อคลิกที่ปุมนี้จึงจะแสดงที่เหลือ เรียกเมนูแบบนี้ว่า Drop-down list
หากกำหนด size มากกว่า 1 จะแสดง เมนูเริ่มต้นตามจำนวนบรรทัดที่กำหนด ซึ่งจะกลายเป็นเมนูแบบ List box แทน <select name="subject" size="5"> หากเป็นเมนูแบบ List box แล้วต้องการ ให้เลือกได้มากกว่า 1 ตัวเลือก ให้กำหนด คำสั่ง multiple ดังนี้ <select name="subject" size="5" multiple>
bottom of page