选择DropDown无法在移动设备上运行

Question

我在响应式视图中遇到问题。当我单击选择选项时，它不适用于移动视图。

这是我的代码：

<div class="col-md-6 col-sm-6 col-xs-12">
    <label class="MB10">Select</label>
    <div class="clearfix"></div>
    <div class="form-group">
        <select class="form-control">
            <option>Choose Option</option>
            <option>Option One</option>
            <option>Option two</option>
        </select>
    </div>
</div>

我附上了代码和图片。

Answer 1

在select标记中添加多个类，如下所示

 <select class="form-control" multiple>
     <option>Choose Option</option>
     <option>Option One</option>
     <option>Option two</option>
 </select>

选择多个选项CTRL并点击多个选项（对于桌面） ，在移动视图中，您将获得选择多个选项的复选框

Answer 2

可能在选择下拉列表中其他div重叠，因此您选择不在移动设备上工作。尝试使用firebug找出它。

Answer 3

试试这个

<form>
 <div class="ui-field-contain">
  <label for="select-native-1">Basic:</label>
   <select name="select-native-1" id="select-native-1">
     <option value="1">The 1st Option</option>
     <option value="2">The 2nd Option</option>
     <option value="3">The 3rd Option</option>
     <option value="4">The 4th Option</option>
  </select>
 </div>
</form>

这是link for working example