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