如果你有这样的事情：

  <div class='multiselect-wrapper'>
    <div class='multiselect'>Age Range</div>
        <select type='hidden' class='age' id='age' name='age' multiple="">
           <option value='-1'>Age Range</option>
           <option value='6' title='Preyears'>Pre</option>
           <option value='7' title='Kids'>Kids</option>
           <option value='8' title='Tween'</option>
           <option value='9' title='Adult'>Adult</option>
        </select>
   </div>

并且它不适用于您的 android（显示您想要选择的选项的本机抽屉），那么它可能是关于您的标签 DIV 的 CSS 问题，在本例中它将是“.multiselect”。缺少的可能是“指针事件”，请参阅此文档：https ://developer.mozilla.org/en/docs/Web/CSS/pointer-events

如果您将 CSS 更新为如下所示：

.multiselect{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        pointer-events: none;
        cursor: pointer;
        line-height: 40px;
    }

然后它应该可以工作，允许您单击选择并显示带有多选选项的抽屉（基本上是本机多复选框）。

希望这对你有用。

我和我的同事Basem一起工作，它对我们有用。

干杯，

CG。

我从我的一位朋友那里听说过这个修复，他说设置

style.display=block 

动态设置 HTML 后此下拉列表的属性将解决此问题。

如果您有多个下拉菜单，则使用

document.getElementsByTagName('select')