下拉搜索框插件

下拉搜索框时用的也比较多,但是也不会自己写,所以下载插件比较方便

同样,我下载的是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'
    });
});
拜拜

猜你喜欢

转载自blog.csdn.net/fly_on_the_sky/article/details/80197717