มือถือ jQuery เลือกเมนู
<select> องค์ประกอบสร้างรายการแบบหล่นลงมีหลายตัวเลือก
<option> องค์ประกอบภายใน <select> องค์ประกอบที่กำหนดตัวเลือกที่มีอยู่ในรายการ:
ตัวอย่าง
<form method="post" action="demoform.asp">
<fieldset
class="ui-field-contain">
<label
for="day">Select Day</label>
<select name="day" id="day">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option value="wed">Wednesday</option>
</select>
</fieldset>
</form>
ลองตัวเอง» เคล็ดลับ: หากคุณมีรายชื่อยาวของตัวเลือกที่เกี่ยวข้องใช้ <optgroup> องค์ประกอบภายใน <select> :
ตัวอย่าง
<select name="day" id="day">
<optgroup
label="Weekdays">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option
value="wed">Wednesday</option>
</optgroup>
<optgroup
label="Weekends">
<option
value="sat">Saturday</option>
<option
value="sun">Sunday</option>
</optgroup>
</select> ลองตัวเอง» ที่กำหนดเองเลือกเมนู
ภาพด้านบนของหน้านี้แสดงให้เห็นว่าแพลตฟอร์มโทรศัพท์มือถือมีวิธีการของตัวเองในการแสดงเลือกเมนู
ถ้าคุณต้องการเลือกเมนูเพื่อแสดงเดียวกันบนโทรศัพท์มือถือทั้งหมดใช้เลือกเมนูกำหนดเองของ jQuery ที่ data-native-menu="false" แอตทริบิวต์:
การเลือกหลาย
เพื่อเลือกหลายตัวเลือกในการเลือกเมนูใช้แอตทริบิวต์หลายแห่งใน <select> องค์ประกอบ:
ตัวอย่างเพิ่มเติม
โดยใช้ data-role="controlgroup"
วิธีการหนึ่งในกลุ่มหรือเมนูตัวเลือกมากขึ้น
โดยใช้ data-type="horizontal"
วิธีการเลือกกลุ่มเมนูแนวนอน
โดยใช้ data-type="mini"
วิธีการลดขนาดการเลือกเมนู
ตัวเลือกที่เลือกไว้ล่วงหน้า
วิธีการก่อนการเลือกตัวเลือก
ป๊อปอัพเลือก
วิธีการสร้างเมนูตัวเลือกป๊อปอัพ
รูปแบบพับได้
วิธีการสร้างรูปแบบพับ
เปลี่ยนไอคอนเลือกค่าเริ่มต้น
วิธีการเปลี่ยนไอคอนของเมนูเลือก (เริ่มต้นคือ "arrow-d" )
เปลี่ยนตำแหน่งไอคอน
วิธีการเปลี่ยนตำแหน่งไอคอนของเมนูเลือก (เริ่มต้นคือ right )