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

 更新时间:2017年02月17日 08:55:35   作者:Smy_0114  
这篇文章主要介绍了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" 
    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既可以查询又可以输入的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JSON键值对序列化和反序列化解析

    JSON键值对序列化和反序列化解析

    这篇文章主要介绍了JSON键值对序列化和反序列化知识,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-01-01
  • JS实现长图上下滚动效果

    JS实现长图上下滚动效果

    这篇文章主要为大家详细介绍了JS实现长图上下滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js实现的格式化数字和金额功能简单示例

    js实现的格式化数字和金额功能简单示例

    这篇文章主要介绍了js实现的格式化数字和金额功能,结合简单实例形式分析了javascript数字字符串转换、运算等相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • Json实现传值到后台代码实例

    Json实现传值到后台代码实例

    这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • 微信小程序中单位rpx和rem的使用

    微信小程序中单位rpx和rem的使用

    rpx是微信小程序新推出的一个单位,按官方的定义,rpx可以根据屏幕宽度进行自适应,在rpx出现之前,web页面的自适应布局已经有了多种解决方案,为什么微信还捣鼓出新的rpx单位?下面通过这篇文章来一起看看吧。
    2016-12-12
  • javascript笔记 String类replace函数的一些事

    javascript笔记 String类replace函数的一些事

    加固javascript基础知识目的是为以后研究jQuery源码做好铺垫。
    2011-09-09
  • javascript跨域总结之window.name实现的跨域数据传输

    javascript跨域总结之window.name实现的跨域数据传输

    本文给大家介绍window.name实现的跨域数据传输,自己亲自实践了一下,真的非常好用,特此分享到脚本之家网站供大家参考
    2015-11-11
  • JavaScript Event学习第六章 事件的访问

    JavaScript Event学习第六章 事件的访问

    在这一章我会讲解如何去访问一个事件对象。
    2010-02-02
  • javascript中的replace函数(带注释demo)

    javascript中的replace函数(带注释demo)

    在js中有两个replace函数 一个是location.replace(url) 跳转到一个新的url.一个string.replace("xx","yy") 替换字符串 返回一个新的字符串,该方法并不改变字符串本身。下面通过本文给大家介绍javascript中的replace函数
    2018-01-01
  • JavaScript格式化json和xml的方法示例

    JavaScript格式化json和xml的方法示例

    这篇文章主要介绍了JavaScript格式化json和xml的方法,结合实例形式分析了javascript格式化json及格式化xml数据的具体操作技巧,需要的朋友可以参考下
    2019-01-01

最新评论