почему выпадающий список не работает на некоторых мобильных устройствах - PullRequest
0 голосов
/ 31 марта 2020

У меня есть простой тег выбора в моем проекте, но на некоторых мобильных устройствах опции не отображаются, но на большинстве устройств он работает хорошо, я проверил некоторые вещи, и это мой код:

user-agent с проблемой: Mozilla / 5.0 (Linux; Android 5.1.1; SM-T285) AppleWebKit / 537,36 (K HTML, как у 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>

, но оно все еще не работает в моем указанном устройстве c Может ли кто-нибудь мне помочь?

1 Ответ

0 голосов
/ 09 апреля 2020

Не совсем уверен, что вы имели в виду, не появляются. Если вы имели в виду параметры тега select, он показывает вам только одну опцию, так как вы указали только выберите dep .. с тегом option. Остальные, я имею в виду точки, не будут отображаться, потому что они не находятся внутри тега.

Если вы хотите, чтобы они тоже отображались, вам следует заключить их в тег 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>

enter image description here

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...