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


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章