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=" ...
随机推荐
- django系列5.2--ORM数据库的单表操作
单表操作 在views.py中添加对数据库的操作语句 #在逻辑代码中导入你要操作的表 from app import models def add_book(request): ''' 添加表记录 : ...
- TortoiseGit revert failed - unable to revert local changes
TortoiseGit revert failed - unable to revert local changes 下载完按照提示一步一步安装就可以了 成功之后就是windows.1版本,如图
- Elasticsearch5.4 删除type
首先要说明的是现在的Elasticsearch已经不支持删除一个type了,所以使用delete命令想要尝试删除一个type的时候会出现如下错误,如果存在一个名为edemo的index和tets的ty ...
- [Virtualization] Virtualbox 转换磁盘格式(vboxmanage) disk to VMware
一.需求 今天去参加网络安全的培训,Engineer 分享了一份 Virtual box 虚拟机.但是只有我拷取了这份文件,小伙伴们都是装的 VMware Workstation.那么该如何将vdi转 ...
- 总结day13 ----内置函数
内置函数 我们一起来看看python里的内置函数.什么是内置函数?就是Python给你提供的,拿来直接用的函数,比如print,input等等.截止到python版本3.6.2,现在python一共为 ...
- 关于iframe切换的问题
定位不到元素的另一种问题是有这种iframe,所有我们需要切换到该页面中去 1.首先找到这个iframe的位置,像上图有id属性我们直接 iframe = driver.find_element_b ...
- 《Implementing QuantLib》译后记
目录 <Implementing QuantLib>译后记 初心 瞎忙 收获 彩蛋 展望 就在几天之前,经历了一年时间断断续续的坚持,<Implementing QuantLib&g ...
- mariadb配置主从同步遇到的问题
一:ERROR: No query specified 解决方案: \G后面不能再加分号;,因为\G在功能上等同于;,如果加了分号,那么就是;;(2个分号),SQL语法错误 二:主从同步不成功 Sla ...
- 【Three.js】模型抗锯齿处理
1.锯齿消除方法 three.js参考使用官方demo发现模型渲染有锯齿,这种情况在旋转视角时候就非常明显. 抗锯齿的方法,很简单,只需要配置render两个属性即可: renderer = new ...
- (转)DB2下载地址总结
原文:https://blog.csdn.net/huozengguang/article/details/58602910 DB2 v8.2,v9.1,v9.5,v9.7下载地址 下列都是完全版包含 ...