官网  (http://select2.github.io/examples.html)
<!--引入select2需要的文件-->
<script type="text/javascript" src="select2.full.js"></script>
<link href="select2.min.css" type="text/css" rel="stylesheet" /> <!--可搜索可编辑的select-->
<select class="js-example-placeholder-multiple-one js-states form-control" multiple="multiple" style="display: none;">
<!--multiple="multiple"可以多值选择-->
<option value=""> </option>
<option value="">北京蜂</option>
<option value="">北京</option>
<option value="">小章额为氛围分为</option>
<option value="entertainment">entertainment</option>
<option value="and">and</option>
</select>
<script>
$(".js-example-placeholder-multiple-one").select2({
placeholder: "请选择", //默认input 文字
maximumSelectionLength: 1, //多值选择框可以设置所选择的最大选项数的限制(只能选择其中一项)
tags: true //创建新标签,在文本框输入值 });
</script> <!--只可搜索的select-->
<select class="js-example-placeholder-multiple-two js-states form-control" multiple="multiple" style="display: none;">
<!--multiple="multiple"可以多值选择-->
<option value=""> </option>
<option value="">北京蜂</option>
<option value="">北京</option>
<option value="">小章额为氛围分为</option>
<option value="entertainment">entertainment</option>
<option value="and">and</option> </select>
<script>
$(".js-example-placeholder-multiple-two").select2({
placeholder: "请选择", //默认input 文字
maximumSelectionLength: 1, //多值选择框可以设置所选择的最大选项数的限制(只能选择其中一项)
tag:false //不允许编辑 }); </script> <!--select触发事件 当下拉框值有变化的时候 可参考http://www.cnblogs.com/harryGao65535/p/7003138.html-->
$(function(){
$('.js-example-placeholder-multiple-one').on('change',function(e){ //事件 }
}) select2下拉 总结事件
http://www.cnblogs.com/liuxiaobo93/p/5112993.html?utm_source=tuicool&utm_medium=referral

select2 下拉搜索 可编辑可搜索 / 只可搜索的更多相关文章

  1. select2下拉插件

    下拉单选: 1.行内 1)初始化数据: <select class="form-control select5"> <option selected>张三1 ...

  2. 品优购商城项目(二)AngularJS、自动代码生成器、select2下拉多选框

    品优购商城想项目第二阶段 AngularJS.自动代码生成器.select2下拉多选框 完成了课程第三天.第四天的的任务. 1.学习了AngularJs前端的mvc分层思想,js部分分成control ...

  3. 使用 Select2 下拉框实现复选

    使用 Select2 下拉框实现复选 <!DOCTYPE html> <html> <head> <meta http-equiv="Content ...

  4. angular select2 下拉单选和多选的取值赋值

    官网:http://select2.github.io/examples.html 兼容性: 引入文件 /select2.min.js /select2.min.css html <select ...

  5. Select2下拉框总结

    用了这么久的Select2插件,也该写篇文章总结总结.当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下 ...

  6. Select2下拉选项库 部分积累

    用了这么久的Select2插件,也该写篇文章总结总结. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本. 官网:http:/ ...

  7. select2下拉内容获取后台数据

    controller(id给select:text给另外的input框) @RequestMapping(value = "findUnit")public @ResponseBo ...

  8. select2 下拉搜索控件

    1.添加相应的script链接 jquery: <script type="text/javascript" src="http://cdn.bootcss.com ...

  9. jQuery的select2下拉框的搜索功能(使用select2插件,方便简单)

    第一步: 引入我们用使用的插件 jquery: select2: css: js: 第二步: 创建一个html页面,body内容: <div> <select class=" ...

随机推荐

  1. Android Bug BaseExpandableListAdapter, getChildView

    @Override public View getChildView(final int groupPosition, final int childPosition, boolean isLastC ...

  2. ceph pg_num 数值计算

    通常在创建pool之前,需要覆盖默认的pg_num,官方推荐: 若少于5个OSD, 设置pg_num为128. 5~10个OSD,设置pg_num为512. 10~50个OSD,设置pg_num为40 ...

  3. kali linux之取证

    取证简介: CSI:物理取证 指纹.DNA.弹道.血迹 无力取证的理论基础是物质交换原则 数字取证/计算机取证 智能设备.计算机.手机平板.loT.有线及无线信道.数据存储 事件响应调查------黑 ...

  4. linux系统无法启动,提示give root password for maintenance错误

    电脑的虚拟机安装的是centos6.2操作系统,今天打开虚拟机时候,提示 give root password for maintenance (or type control-D to contin ...

  5. ionic 项目 随笔

    1,首先 会进入src/index.html, <!-- The polyfills js is generated during the build process --> <sc ...

  6. Groovy学习记录-------Groovy安装/配置

    1.Groovy SDK下载 Groovy SDK官网下载地址: http://www.groovy-lang.org/download.html  每个版本有五个选项可供下载,依次为: binary ...

  7. java使用Redis6--sentinel单点故障主从自动切换

    Redis SentinelSentinel(哨兵)是用于监控redis集群中Master状态的工具,其已经被集成在redis2.4+的版本中 一.Sentinel作用:1):Master状态检测 2 ...

  8. [HTML] 模板的用法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na ...

  9. python数据类型详解(全面)

    python数据类型详解 目录1.字符串2.布尔类型3.整数4.浮点数5.数字6.列表7.元组8.字典9.日期 1.字符串1.1.如何在Python中使用字符串a.使用单引号(')用单引号括起来表示字 ...

  10. (转)Javascript模块化编程(三):Require.js的用法

    转自 ruanyifeng 系列目录: Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):Require.js的 ...