下拉框的搜索(有圖,適用下拉選擇內容較多,需要搜索,自動聯想)


由於下拉菜單選項較多,需要在下拉菜單中加入搜索功能,而且具有搜索詞聯想功能。本文采用了select2.js插件,在引入后簡單配置就可以使用

view中

AppAsset::register($this);
//引入select2插件實現下拉搜索功能
AppAsset::addScript($this,"js/plugins/select2-master/dist/js/select2.min.js");
AppAsset::addScript($this,"js/plugins/select2-master/dist/js/i18n/zh-CN.js");
AppAsset::addCss($this, "js/plugins/select2-master/dist/css/select2.min.css");
<div class="form-group " >
   <label class="control-label">指定業務員</label>
   <select class="form-control" name='employee_name' id="customer-uid"> //這里加入id
          <option value='0'>所有業務員</option>
              <?php foreach ($employee_names as $k=>$v){
                 if(@$old["$employee_names"] == $v){
                     echo "<option value='{$k}' selected>{$v}</option>";
                 }else{
                     echo "<option value='{$k}'>{$v}</option>";
                 }
                }
               ?>
    </select>
</div>
  <script>
        $(function(){
            $("#customer-uid").select2(); //使用
        })
 </script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM