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