項(xiàng)目中搜索中，有個(gè)根據(jù)部門 獲取 各部門詳細(xì)員工，因?yàn)槭莊astadmin自帶搜索，一直無法實(shí)現(xiàn)，而完全改為自定義搜索表單又太麻煩，百度了很多才找到方法。

?貼代碼

{field: 'department', title: __('所屬部門'), searchList: function (column) {return Template('departmentpl', {});}, }, {field: 'salesman', title: __('業(yè)務(wù)員'), searchList: function (column) {return Template('salesmantpl', {});}, },

部門和員工，全改為替換模板?

而模板文件就在 HTML頁面

<script id="departmentpl" type="text/html"><div class="row" id = 'area-select'><div class="form-inline" data-toggle="cxselect" data-selects=""><select class="first form-control" id="depar" name="department" ><option value="">請選擇</option>{foreach $department as $key=>$val}<option value="{$val.id}">{$val.title}</option>{/foreach}</select></div></div> </script><script id="salesmantpl" type="text/html"><div class="row" id = 'sale-select'><div class="form-inline" data-toggle="cxselect" data-selects=""><select class="first form-control sales" name="salesman"><option value="">請選擇</option></select></div></div> </script>

全部寫在 script標(biāo)簽內(nèi)，注意標(biāo)簽類型。以及，必須 的 id選擇器 標(biāo)簽名稱， 一個(gè)是departmentpl，一個(gè)是salestpl，在js 頁面 field? 內(nèi)，寫對應(yīng)的選擇器。

之后還踩了一個(gè)坑，就是選擇部門后有返回值，但是沒有渲染到 員工 下拉框內(nèi)，是因?yàn)榘堰@段 Ajax請求代碼寫在了 HTML 頁面，是無效的，應(yīng)該也寫在 js 文件內(nèi)，這段代碼就不貼了，就是根據(jù)值請求url 獲取詳情。

?參考了https://blog.csdn.net/qq_29107923/article/details/113521763，非常感謝博主的幫助

總結(jié)

以上是生活随笔為你收集整理的fastadmin 的自定义搜索select框联动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。