BootStrap的select2既可以查詢又可以輸入的實現(xiàn)代碼
首先關(guān)鍵一句話:
$(".js-example-tags").select2({ tags: true })
別小看此代碼功能可謂強大,在需要的地方直接加進去class如下代碼所示:
<div class="form-group required"> <label class="control-label col-sm-4">測試select2: </label> <div class="col-sm-8"> <form:select path="sett" id="sett" class="form-control required js-example-tags" onchange="onchange('${sett.costAmount}','${sett.id}');"> <form:option value='' label='請選擇' />" <form:options items="${fns:findSettList()}" itemLabel="label" itemValue="value" htmlEscape="false" /> </form:select> </div> </div>
注意上面代碼有一個onchange方法需把
$(".js-example-tags").select2({ tags: true })
加到此方法里面。不然無法實現(xiàn)。
以上所述是小編給大家介紹的BootStrap的select2既可以查詢又可以輸入的實現(xiàn)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript實現(xiàn)的聯(lián)動菜單特效示例
這篇文章主要介紹了JavaScript實現(xiàn)的聯(lián)動菜單特效,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-07-07兩個JavaScript中的特殊值null和undefined詳解
Null和Undefined是JavaScript中非常基礎(chǔ)和重要的概念,理解它們的含義、特點和使用方式對于避免出現(xiàn)錯誤和編寫健壯的應(yīng)用程序非常重要,這篇文章主要介紹了兩個JavaScript中的特殊值null和undefined詳解,需要的朋友可以參考下2023-06-06js字符串截取函數(shù)slice、substring和substr的比較
這篇文章主要震碎js字符串截取函數(shù)slice、substring和substr進行比較,感興趣的小伙伴們可以參考一下2016-05-05微信小程序?qū)崿F(xiàn)列表頁的點贊和取消點贊功能
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)列表頁的點贊和取消點贊功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-11-11基于Bootstrap使用jQuery實現(xiàn)簡單可編輯表格
這篇文章主要介紹了基于Bootstrap使用jQuery實現(xiàn)簡單可編輯表格的相關(guān)資料,需要的朋友可以參考下2016-05-05Javascript?中?var?和?let?、const?的區(qū)別及使用方法
ECMAScript 變量是松散類型的,意思是變量可以用于保存任何類型的數(shù)據(jù),每個變量只不過是一個用于保存任意值的命名占位符,這篇文章主要介紹了Javascript?中?var?和?let?、const?的區(qū)別以及具體使用效果,需要的朋友可以參考下2023-01-01javascript 用函數(shù)語句和表達式定義函數(shù)的區(qū)別詳解
本篇文章主要介紹了javascript 用函數(shù)語句和表達式定義函數(shù)的區(qū)別。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01Element ui tree(樹)實現(xiàn)父節(jié)點選中時子節(jié)點不選中父節(jié)點取消時子節(jié)點自動取消功能
Elementui因為vue在國內(nèi)的影響而受益 使用量巨大樹作為一種重要的開發(fā)組件應(yīng)用廣泛,今天帶大家了解樹的靈活應(yīng)用首先我們來創(chuàng)建一個樹,對Element ui tree父節(jié)點選中時子節(jié)點不選中功能感興趣的朋友跟隨小編一起看看吧2023-07-07