在bootstrap v4下拉列表中選擇

Question

我在bootstrap v4的下拉列表中放入了一個select。它在桌面上運行良好;但是，在移動設備上，選擇選項不會顯示。我所嘗試的一切似乎都離不開桌面工作和移動。非常感謝。謝謝。

<div class="dropdown"> 
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown 
    </button> 
    <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <span class="dropdown-item" ><input type="text"/></span> 
    <span class="dropdown-item" > 
     <!--<span>Grid Size</span>--> 
     <select class="c-select" style="width: 50%" id="gridSize"> 
     <option>Grid Size</option> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
     <option value="3">Three</option> 
     </select> 
    </span> 
    <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
</div> 

Answer 1

獲得選擇的值

$('#gridSize').val(); 

獲取所選文本

$('#gridSize:selected').text();