在bootstrap v4下拉列表中选择

Question

我在bootstrap v4的下拉列表中放入了一个选择。它在桌面上运行良好;但是，在移动设备上，选择选项将不会显示。我尝试的所有东西似乎都让桌面工作和移动设备没有。非常感谢。感谢。

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