bootstrp-select插件使用

需要导入

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


 

<body>

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

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

</body>


 

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

posted @ 2017-01-12 10:14  熊猫卡洛斯  阅读(348)  评论(0编辑  收藏  举报