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=" ...
随机推荐
- ASP.NET WebApi总结之自定义权限验证
在.NET中有两个AuthorizeAttribute类, 一个定义在System.Web.Http命名空间下 #region 程序集 System.Web.Http, Version=5.2.3.0 ...
- 线上日志集中化可视化管理:ELK
本文来自网易云社区 作者:王贝 为什么推荐ELK: 当线上服务器出了问题,我们要做的最重要的事情是什么?当需要实时监控跟踪服务器的健康情况,我们又要拿什么去分析?大家一定会说,去看日志,去分析日志.是 ...
- Application Loader上传app,一直卡在“正在通过 App Store 进行鉴定”
1.问题现象描述 上传iOS应用,卡在 Authenticating with the iTunes Store 2.解决办法 2.1 打开终端输入代码即可 cd ~ mv .itmstranspor ...
- “全栈2019”Java第八十九章:接口中能定义内部类吗?
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...
- fd - 更好的 find 命令
欢迎关注我的公众号 spider-learn fd(https://github.com/sharkdp/fd) 是 find 命令的一个更现代的替换. 对比一下 查找名字含有某个字符的文件 OLD ...
- C语言 一些算法
1,斐波那契数列 ①递归 时间复杂度O(2^n)#include <stdio.h> int fib(int n){ ||n==) ; ) + fib(n-); } int main(){ ...
- 52.RocketMQ 事务
今天的博客有点多,因为前几天一直用笔记录,今天都补上了.后面的博客先停一段时间,后面还有dubbo.storm.kafka.solor.nginx.keepalived.fastdfs等内容,只是因为 ...
- jquery json实现面向对象 百度十二星座
效果: 源码: index.html <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- ftpClient.retrieveFileStream导致FTPClient的后面操作失败
问题代码: FTPFile[] fs = ftpClient.listFiles(); for (FTPFile ff : fs) { if (ff.getName().equals(fileName ...
- (转)搞个这样的APP要多久?心酸啊。
这是一个“如有雷同,纯属巧合”的故事,外加一些废话,大家请勿对号入座.开始了…… 我有些尴尬地拿着水杯,正对面坐着来访的王总,他是在别处打拼的人,这几年据说收获颇丰,见移动互联网如火如荼,自然也想着要 ...