45.Bootstrap(中文教程)表單：Forms:選擇功能表

yan-bootstrap4 bootstrap4(中文教程)

Ci_Yao_Yan 2020-04-25 02:35:27 ‧ 1018 瀏覽

分享至

ㄧ.Forms:選擇功能表

<body data-spy="scroll" data-target="#nav-demo">
  <div class="component" id="demo" style="height: 300vh">
    <select id="demo-select" class="form-control">
      <option value="a">A</option>
      <option value="b">B</option>
      <option value="c">C</option>
    </select>
  </div>
</body>

.demo.component{
  padding: 50px;
}

重點：

結構的父元素為select.form-control
第二層為option
會加id="demo-select"可在開發人員的console使用$('#demo-select').val()
在select加multiple可多選(mac要使用command＋左鍵選擇)，將ABC都選擇。使用$('#demo-select').val()的值會以陣列來顯示

codepen
參考：bootstrap4