bootstrap的select2既可以查询又可以输入

首先关键一句话：

$(".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"οnchange="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})

加到此方法里面。不然无法实现。

bootstrap的select2既可以查询又可以输入相关推荐

python输入城市名称_python 查询天气（输入城市名，输出天气）
python 查询天气,输入城市名,输出天气 def get_whether(city_name): """ """ city_code_d ...
bootstrap与Select2使用小结
这个select2组件的功能确实很强大,可以将图片放入到select里面随着文字一起显示. 组件的下载地址以及API说明地址: 1.Select2使用示例地址:https://select2.gith ...
微信小程序云开发之云数据库查询及动态输入
上一篇讲了微信小程序的云开发环境的部署以及数据的添加操作.这篇就讲讲数据的查询操作.文末我也会献上源码,以供食用.话不多说,马上献上干货. *打开上次的文档,在index.wxml上接着上次的代码添加 ...
input框动态模糊查询，能输入，能选择
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...
bootstrap 点击加号表格_bootstrap中的输入组按钮，点击加号加1，减1子
在这里使用HTML和引导找到代码来创建数字上下用加号和减号按钮 // Jquery $(document).on('click', '.value-control', function() { var ...
c语言按照姓名查询员工信息,输入10个职工信息，按号码大小排序，再使用查找函数找职工的姓…...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 #include #include //主函数 int main() { int sort(int num[10],char name[10][10],i ...
laravel8 使用高德地图查询经纬度（输入地名获取经纬度）
高德地图开放平台:https://lbs.amap.com/ 注:需要注册成为开发者,注册成功后就可以使用此开放平台注册成功后,登录开发放平台,进入后台需要创建一个新的应用创建应用成功后,需要添 ...
一个漂亮的Bootstrap查找查询框，带下拉选择按钮
闲话少叙,代码如下: <!doctype html> <html><head> <meta http-equiv="Content-Type&quo ...
bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法
bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...

bootstrap的select2既可以查询又可以输入

bootstrap的select2既可以查询又可以输入相关推荐

最新文章

热门文章