jQuery Mobile 表单选择

🌙
手机阅读
本文目录结构

jQuery Mobile 表单选择菜单


<select> 元素创建带有若干选项的下拉列表。

<select> 元素内的 <option> 元素定义了列表中的可用选项:


<form method="post" action="demoform.html">
    <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>

**提示:**如果您有一个带有相关选项的很长的列表,请在 内使用 元素: 实例


<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 name="day" id="day" data-native-menu="false">

多个选择

如需在选择菜单中选择多个选项,请在 <select> 元素中使用 multiple 属性:

<select name="day" id="day" multiple data-native-menu="false">

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>