为什么下拉选择选项在某些移动设备中不起作用答案

【问题标题】：why dropdown select option dont working in some mobile device为什么下拉选择选项在某些移动设备中不起作用
【发布时间】：2020-03-31 11:32:32
【问题描述】：

我的项目中有一个简单的选择标签，但在某些移动设备中没有出现选项，但在大多数设备中它运行良好我测试了一些东西，这是我的代码：

有问题的用户代理是：Mozilla/5.0 (Linux; Android 5.1.1; SM-T285) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

<div class="form-group">
<label class="col-sm-2 control-label">dep</label>
<div class="col-sm-10">
    <select class="form-control" name="depot_to">
        <option>choose dep ..</option>

           .
           .
           .
           .

    </select>
</div>

然后我通过添加data-native-menu="false" 来测试：

<div class="form-group">
<label class="col-sm-2 control-label">dep</label>
<div class="col-sm-10">
    <select class="form-control" name="depot_to" data-native-menu="false">
        <option>choose dep ..</option>

           .
           .
           .
           .

    </select>
</div>

然后我添加了<div class="ui-field-contain"> 喜欢：

<div class="form-group">
<div class="ui-field-contain">
    <label class="col-sm-2 control-label">dep</label>
    <div class="col-sm-10">
        <select class="form-control" name="depot_to"
                data-native-menu="false">
            <option>choose dep ..</option>

               .
               .
               .
               .

        </select>
    </div>
</div>

我用没有类的简单测试它：

<div class="form-group">
<label class="col-sm-2 control-label">dep</label>
<div class="col-sm-10">
    <select name="depot_to">
        <option>choose dep ..</option>

           .
           .
           .
           .

    </select>
</div>

但它仍然无法在我的特定设备中使用谁能帮帮我？

【问题讨论】：

提供正确的minimal reproducible example，举例说明哪些移动设备和浏览器显示了问题。
@CBroe 用户代理是：Mozilla/5.0 (Linux; Android 5.1.1; SM-T285) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

标签： javascript jquery html css forms

【解决方案1】：

不完全确定您的意思不出现。如果您的意思是选择标签的选项，它只会显示一个选项，因为您已指定仅选择 dep.. 带有选项标签。其余的，我的意思是点，不会显示，因为它们不在标签内。

如果你想让它们也被显示，那么你应该用选项标签包装它们。

<div class="form-group">
<label class="col-sm-2 control-label">dep</label>
<div class="col-sm-10">
    <select class="form-control" name="depot_to">
        <option>choose dep ..</option>
        <option>option 1</option>
        <option>option 2</option>
        <option>option 3</option>
        <option>option 4</option>
    </select>
</div>

希望对你有帮助！

【讨论】：