下拉搜索框时用的也比较多,但是也不会自己写,所以下载插件比较方便
同样,我下载的是silviomoreto-bootstrap这个插件,找不到地址了,你们自己去找吧
同样,也是把他放到项目/public/static/ext底下,然后继续在项目/app/admin/view/layout/top.html底下引用,我这个需要引一个js文件和一个样式文件
<script type="text/javascript" src="__Public____STATIC__/ext/silviomoreto-bootstrap/bootstrap-select.js"></script>
<link rel="stylesheet" href="__Public____STATIC__/ext/silviomoreto-bootstrap/bootstrap-select.css">
引入这两个之后呢你就可以去页面写代码啦,灰常简单,
<label for="id_select"></label> <select id="id_select" name="company_id[]" class="selectpicker bla bla bli type_company" multiple data-live-search="true"> <?php foreach ($info['all_hotel'] as $all_hotel_key => $all_hotel_value) { ?> <option value="{$all_hotel_value['hotel_bianhao']}">{$all_hotel_value['hotel_name']} </option> <?php } ?> </optgroup> </select>
然后在script里面加上这一段就ok啦
$(window).on('load', function () { $('.selectpicker').selectpicker({ 'selectedText': 'cat' }); });
拜拜