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

選擇多個PRES選項CTRL並點擊多個選項（桌面） ，在移動視圖中，您將得到複選框選擇多個選項

Answer 2

可能是其他div選擇下拉重疊，所以你的選擇不在移動設備上工作。嘗試使用螢火蟲找出它。

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