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