bootstrp-select插件使用

須要導入javascript

<link rel="stylesheet" href="js/plugins/silviomoreto-bootstrap-select20151109/dist/css/bootstrap-select.min.css">css

<script src = "js/plugins/silviomoreto-bootstrap-select20151109/js/i18n/defaults-zh_CN.js"></script>
<script src="js/plugins/silviomoreto-bootstrap-select20151109/js/bootstrap-select.js"></script>java


 

<body>bootstrap

    <td style="width:80px">曝光地點:</td><td style="width:150px">orm

  <select id="site1" name="site1" class="selectpicker show-tick form-control" data-live-search="true">
  <option> </option>
  <c:forEach items = "${pictureList}" var = "p">
            <option>${p.site}</option>
          </c:forEach>
  </select>
</td>ip

</body>it


 

<script type="text/javascript">
 $(function(){
    //啓動Bootsrap-Select
    $(".selectpicker").selectpicker({
      dropuAuto : false
    });
  })
</script>io

相關文章
相關標籤/搜索