0

これは基本的に、ブートストラップ v4 ドロップダウンで選択した私の質問です。ただし、select2 タグを追加する必要がありました。言い換えると、ドロップダウン メニューに選択ボックスを配置したいと考えています。デスクトップで動作し、モバイルでもある程度 (実際にはそうではありません) 動作します。outtopastureenterprises.com/selectInDropdown.html に掲載されています。

ところで、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>
4

1 に答える 1

0

必要なのはe.preventDefault();、select2 の親だけです。ドロップダウンの場所は完璧ではありませんが、間違いなく機能します。

于 2016-04-26T21:46:18.390 に答える