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

您可能感兴趣的文章:

bootstrap-table后端分页功能完整实例
这篇文章主要介绍了bootstrap-table后端分页功能,结合完整实例形式分析了bootstrap-table后端请求、数据分页功能具体步骤与实现技巧,需要的朋友可以参考下
2020-06-06
微信小程序如何获知用户运行小程序的场景教程
这篇文章主要给大家介绍了在微信小程序中如何获知用户运行小程序场景的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来看看吧。
2017-05-05
JS实现li标签的删除
这篇文章主要为大家详细介绍了JS实现li标签的删除，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-04-04
微信小程序如何获取手机验证码
这篇文章主要为大家详细介绍了微信小程序如何获取手机验证码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
JavaScript程序开发之JS代码放置的位置
JavaScript在页面中使用，那么这些JS代码应该放在什么位置呢？接下来通过本文一起学习吧
2016-01-01
js中的触发事件对象event.srcElement与event.target详解
这篇文章主要给大家介绍了js中的触发事件对象event.srcElement与event.target的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-03-03
JavaScript Dom实现轮播图原理和实例
这篇文章主要为大家详细介绍了JavaScript Dom实现轮播图原理和实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
echart简介_动力节点Java学院整理
这篇文章主要介绍了echart简介，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
Javascript中window.name属性详解
这篇文章主要介绍了Javascript中window.name属性详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11
基于JavaScript实现移除(删除)数组中指定元素
在Array对象中有给定的函数可以删除数组中指定的元素，虽然非常好用，但是总感觉看不到摸不着的比较别扭，下面就分享一个自定义的删除数组指定索引值元素的函数，希望给大家一个全新的思路
2016-01-01