Question

这基本上是我的问题select in bootstrap v4 dropdown;但是，我需要为它添加一个select2标签。要重申，我想在下拉菜单中添加一个选择框。它适用于桌面设备，有些（但不是真的）适用于移动设备。它发布在outtopastureenterprises.com/selectInDropdown.html

BTW，没有select2，它在移动设备上根本不起作用，这就是我重新发布此标签的原因。

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

<script>
$(document).ready(function(){
   $('select').select2();
});
</script>

Answer 1

所需的全部内容是select2的父级e.preventDefault();。下拉列表的位置并不完美，但绝对有效。

selectst在bootstrap v4下拉菜单中

1 个答案: