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既可以查询又可以输入的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

this[] 指的是什么内容讨论
this[] 指的是什么内容讨论...
2007-03-03
uniapp常用路由跳转的几种方式(navigateTo、redirectTo...)
uni-app有两种方式进行路由跳转,下面这篇文章主要给大家介绍了关于uniapp常用路由跳转的几种方式(navigateTo、redirectTo...),文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
微信小程序实现底部弹窗
这篇文章主要为大家详细介绍了微信小程序实现底部弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
DIV+CSS+JS不间断横向滚动实现代码
不间断横向滚动想必大家在很多场合都有见过吧，本文也使用DIV+CSS+JS实现一个，感兴趣的你可以参考下哈，希望对你学习有所帮助
2013-03-03
微信小程序http连接访问解决方案的示例
这篇文章主要介绍了微信小程序http连接访问解决方案的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
屏蔽script注入小例子
有关script注入想必大家也有所了解，在本文将为大家介绍下如何屏蔽script注入，下面有个不错的示例大家可以感受下
2013-11-11
JavaScript中Set集合的方法详情
这篇文章主要介绍了JavaScript中Set集合的方法详情，Set是唯一值的集合。每个值在Set中只能出现一次。一个Set可以容纳任何数据类型的任何值
2022-09-09
JavaScript几种数组去掉重复值的方法推荐
下面小编就为大家带来一篇JavaScript几种数组去掉重复值的方法推荐。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看
2016-04-04
javascript伸缩型菜单实现代码
这是一款真正的JavaScript伸展收缩型菜单，鼠标放上看一看，是不是很酷？鼠标划出菜单项的时候，背景会伸长。菜单没有加链接，想用的自己加，再美化一下，绝对够个性吧。
2015-11-11
详解javascript立即执行函数表达式IIFE
本文主要介绍了javascript立即执行函数表达式IIFE的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02