BootStrap的select2既可以查询又可以输入的实现代码


Posted in Javascript onFebruary 17, 2017

首先关键一句话:

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

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

以上所述是小编给大家介绍的BootStrap的select2既可以查询又可以输入的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
jQuery中extend函数详解
Jul 13 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
JS中substring与substr的用法
Nov 16 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
Vue Router去掉url中默认的锚点#
Aug 01 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
Bootstrap表单使用方法详解
Feb 17 #Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 #Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 #Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 #Javascript
数组Array的排序sort方法
Feb 17 #Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 #Javascript
数组Array的一些方法(总结)
Feb 17 #Javascript
You might like
Home Coffee Roasting
2021/03/03 咖啡文化
使用Apache的rewrite技术
2006/06/22 PHP
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
使用PHP实现阻止用户上传成人照片或者裸照
2014/12/25 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
python实现基于SVM手写数字识别功能
2020/05/27 Python
Python网络编程之TCP套接字简单用法示例
2018/04/09 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
python数组循环处理方法
2019/08/26 Python
python实现滑雪者小游戏
2020/02/22 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
文明礼仪事迹材料
2014/01/09 职场文书
大学生职业生涯规划书模板
2014/01/18 职场文书
体育教学随笔感言
2014/02/24 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
公证书
2019/04/17 职场文书