這篇文章主要介紹了JS控制項bootstrap suggest plugin的使用方法,具有一定的參考價值,有興趣的小夥伴們可以參考一下
本文為大家分享了bootstrap-suggest-plugin插件,這是一個簡單的編輯提示控件,供大家參考,具體內容如下
bootstrap-suggest-plugin插件地址
#頁面如下面所示,使用此控制項
<p class="form-group"> <label class="col-xs-3 text-right control-label">库管员:</label> <p class="col-xs-9"> <p class="input-group"> <input type="text" class="form-control no-padding" id="keeperUserName" value="${keeperUserName}" /> <p class="input-group-btn" style="width:1px;"> <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul> </p> </p> </p> </p>
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); });
以上是詳細介紹JS控制bootstrap suggest plugin的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!