本文為大家分享了bootstrap-suggest-plugin插件，這是一個簡單的編輯提示控件，供大家參考，具體內容如下
頁面如下面所示，使用此控件
<div class="form-group"> <label class="col-xs-3 text-right control-label">庫管員:</label> <div class="col-xs-9"> <div class="input-group"> <input type="text" class="form-control no-padding" id="keeperUserName" value="${keeperUserName}" /> <div class="input-group-btn" style="width:1px;"> <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul> </div> </div> </div></div>js側這里用到了兩個字段keeperUserName,keeperUser。其中keeperUser是用來保存用戶數據的id，因為很多form表單保存的數據庫中都是數據的id，而不是數據顯示值。
$('#keeperUserName').bsSuggest({ url:ctx+'/fontalUser/find?filter_likes_name=', getDataMethod:'url', effectiveFields:['username','name','phone'], effectiveFieldsAlias:{username:'用戶賬號',name:'姓名',phone:'手機號'}, showHeader:true, allowNoKeyword:false, multiWord:false, idField:'id', keyField:'name' }).on('onSetSelectValue', function (e, keyword, data) { $('#keeperUser').val(data.id); });以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
