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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
jquery的总体架构分析及实现示例详解
Nov 08 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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
PHP如何透过ODBC来存取数据库
2006/10/09 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
yii添删改查实例
2015/11/16 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
javascript常见操作汇总
2014/09/03 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
Js apply方法详解
2017/02/16 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
pygame实现飞机大战
2020/03/11 Python
什么是python的列表推导式
2020/05/26 Python
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
艺术设计专业个人求职信
2013/09/21 职场文书
校友会欢迎辞
2014/01/13 职场文书
自考生自我评价分享
2014/01/18 职场文书
幼儿园家长寄语
2014/04/02 职场文书
挂靠协议书范本
2014/04/22 职场文书
中英文求职信范文
2015/03/19 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
python 使用pandas读取csv文件的方法
2022/12/24 Python