iT邦幫忙

0

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

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


尚未有邦友留言

立即登入留言