ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – JQuery Mobile Select Box无效

2019-10-01 19:44:37  阅读:144  来源: 互联网

标签:javascript jquery jquery-mobile


这有点疯狂了.
我一直在试用这段代码几个小时,没有运气:

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

从:

http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html

当我在我的手机上进行测试时,没有下拉…实际上,根本没有任何问题.

我忘了什么?

解决方法:

如果您查看网页的来源,您可以在表单标签中看到它:

<form action="#" method="get">

因此,在表单标记之间添加此项将获得所需的结果:Live Example Link

<form action="#" method="get">
    <div data-role="fieldcontain">
        <label for="select-choice-1" class="select">Choose shipping method:</label>
        <select name="select-choice-1" id="select-choice-1">
            <option value="standard">Standard: 7 day</option>
            <option value="rush">Rush: 3 days</option>
            <option value="express">Express: next day</option>
            <option value="overnight">Overnight</option>
        </select>
    </div>
</form>

它可能是另一个问题:

尝试将此标记添加到下拉列表中:Live Example Link

data-native-menu="false" 

标签:javascript,jquery,jquery-mobile
来源: https://codeday.me/bug/20191001/1839841.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有