在bootstrap v4下拉列表中选择

问题描述

我在bootstrap v4的下拉列表中进行了选择.它可以在台式机上正常工作；但是，在移动设备上不会显示选择选项.我尝试的所有操作似乎都无法使台式机正常工作，而使移动设备无法工作.帮助极大的赞赏.谢谢.

I put a select in a dropdown in bootstrap v4. It works fine on desktop; however, on mobile the select options won't show. Everything I try seems to leave desktop working and mobile not. Help greatly appreciated. Thanks.

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

推荐答案

以获取所选值

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

获取所选文本

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

这篇关于在bootstrap v4下拉列表中选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！