為什么下拉選擇選項在某些移動設備中不起作用

Question

我的項目中有一個簡單的選擇標簽，但在某些移動設備選項中沒有出現，但在大多數設備中它運行良好，我測試了一些東西，這是我的代碼：

有問題的用戶代理是：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>

但它仍然無法在我的特定設備上運行任何人都可以幫助我嗎？

Answer 1

不完全確定你的意思不會出現。 如果您指的是 select 標簽的選項，它只會顯示一個選項，因為您已指定僅選擇 dep.. 和 option 標簽。 其余的，我的意思是點，不會顯示，因為它們不在標簽內。

如果您也希望它們顯示出來，那么您應該用選項標簽包裝它們。

<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>

我希望它有幫助！