1. 程式人生 > >下拉搜尋框外掛

下拉搜尋框外掛

下拉搜尋框時用的也比較多,但是也不會自己寫,所以下載外掛比較方便

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