在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();