官網??https://github.com/lzwme/bootstrap-suggest-plugin

1、引入js文件2、js腳本 <script th:inline="javascript">$("#executorName").bsSuggest({url: ctx + "proj/user/iexecutors/"+[[${issue.issueId}]],showBtn: false,idField: "userId",keyField: "userName",ignorecase: true,showHeader: true,effectiveFields:["userId", "loginName","userName"],effectiveFieldsAlias:{userId:"ID", loginName:"登錄名", userName:"用戶名"},fnProcessData: function (json){return {value: json.data};}}).on('onDataRequestSuccess', function (e, result) {console.log('onDataRequestSuccess: ', result);}).on('onSetSelectValue', function (e, keyword, data) {console.log('onSetSelectValue: ', keyword);$("#executorId").val(data.userId)}).on('onUnsetSelectValue', function (e) {console.log("onUnsetSelectValue");$("#executorId").val("")}); </script>3、html <input type="text" class="form-control" name="executorName" id="executorName" > <div class="input-group-btn"><button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button><ul class="dropdown-menu dropdown-menu-right" role="menu"></ul> </div> url 返回的json數據如果不是{"value": data}格式 則需要處理返回的數據加入 fnProcessData: function (json){return {value: json.data}; }fnProcessData是處理Url返回數據用的 json為url返回的數據，我的數據格式為{"code":1, data:[{"userId":1, "userName":"zs"},{"userId":1, "userName":"zs"}]}從中取出數組數據，再組織為相應的格式 {value: json.data}

?

?

總結

以上是生活随笔為你收集整理的bootstrap suggest的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。