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 相关文章推荐
div+css布局的图片连续滚动js实现代码
May 04 Javascript
JavaScript 面向对象的 私有成员和公开成员
May 13 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
一个基于jquery的文本框记数器
Sep 19 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
Nov 30 Javascript
Javascript防止图片拉伸的自适应处理方法
Dec 26 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
php记录代码执行时间(实现代码)
2013/07/05 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
PHP数据库操作三:redis用法分析
2017/08/16 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
python中必要的名词解释
2019/11/20 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
历史学专业毕业生求职信
2013/09/27 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
《日月潭》教学反思
2014/02/28 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
户外活动总结范文
2014/04/30 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android