select2 下拉搜索 可编辑可搜索 / 只可搜索
官网 (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 下拉搜索 可编辑可搜索 / 只可搜索的更多相关文章
- select2下拉插件
下拉单选: 1.行内 1)初始化数据: <select class="form-control select5"> <option selected>张三1 ...
- 品优购商城项目(二)AngularJS、自动代码生成器、select2下拉多选框
品优购商城想项目第二阶段 AngularJS.自动代码生成器.select2下拉多选框 完成了课程第三天.第四天的的任务. 1.学习了AngularJs前端的mvc分层思想,js部分分成control ...
- 使用 Select2 下拉框实现复选
使用 Select2 下拉框实现复选 <!DOCTYPE html> <html> <head> <meta http-equiv="Content ...
- angular select2 下拉单选和多选的取值赋值
官网:http://select2.github.io/examples.html 兼容性: 引入文件 /select2.min.js /select2.min.css html <select ...
- Select2下拉框总结
用了这么久的Select2插件,也该写篇文章总结总结.当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下 ...
- Select2下拉选项库 部分积累
用了这么久的Select2插件,也该写篇文章总结总结. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本. 官网:http:/ ...
- select2下拉内容获取后台数据
controller(id给select:text给另外的input框) @RequestMapping(value = "findUnit")public @ResponseBo ...
- select2 下拉搜索控件
1.添加相应的script链接 jquery: <script type="text/javascript" src="http://cdn.bootcss.com ...
- jQuery的select2下拉框的搜索功能(使用select2插件,方便简单)
第一步: 引入我们用使用的插件 jquery: select2: css: js: 第二步: 创建一个html页面,body内容: <div> <select class=" ...
随机推荐
- Android Bug BaseExpandableListAdapter, getChildView
@Override public View getChildView(final int groupPosition, final int childPosition, boolean isLastC ...
- ceph pg_num 数值计算
通常在创建pool之前,需要覆盖默认的pg_num,官方推荐: 若少于5个OSD, 设置pg_num为128. 5~10个OSD,设置pg_num为512. 10~50个OSD,设置pg_num为40 ...
- kali linux之取证
取证简介: CSI:物理取证 指纹.DNA.弹道.血迹 无力取证的理论基础是物质交换原则 数字取证/计算机取证 智能设备.计算机.手机平板.loT.有线及无线信道.数据存储 事件响应调查------黑 ...
- linux系统无法启动,提示give root password for maintenance错误
电脑的虚拟机安装的是centos6.2操作系统,今天打开虚拟机时候,提示 give root password for maintenance (or type control-D to contin ...
- ionic 项目 随笔
1,首先 会进入src/index.html, <!-- The polyfills js is generated during the build process --> <sc ...
- Groovy学习记录-------Groovy安装/配置
1.Groovy SDK下载 Groovy SDK官网下载地址: http://www.groovy-lang.org/download.html 每个版本有五个选项可供下载,依次为: binary ...
- java使用Redis6--sentinel单点故障主从自动切换
Redis SentinelSentinel(哨兵)是用于监控redis集群中Master状态的工具,其已经被集成在redis2.4+的版本中 一.Sentinel作用:1):Master状态检测 2 ...
- [HTML] 模板的用法
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na ...
- python数据类型详解(全面)
python数据类型详解 目录1.字符串2.布尔类型3.整数4.浮点数5.数字6.列表7.元组8.字典9.日期 1.字符串1.1.如何在Python中使用字符串a.使用单引号(')用单引号括起来表示字 ...
- (转)Javascript模块化编程(三):Require.js的用法
转自 ruanyifeng 系列目录: Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):Require.js的 ...