下拉搜尋框外掛
阿新 • • 發佈:2019-02-09
下拉搜尋框時用的也比較多,但是也不會自己寫,所以下載外掛比較方便
同樣,我下載的是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' }); });
拜拜