Select2练习

最新推荐文章于 2021-11-18 15:41:50 发布
原创 最新推荐文章于 2021-11-18 15:41:50 发布 · 472 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#select2 #select 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Bootstrap中的select2练习</title>
<link href="//cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
<link href="//cdn.bootcss.com/select2/3.1.0/select2.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> 
<script src="//cdn.bootcss.com/select2/3.1.0/select2.min.js"></script>
<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
</head>
<body>
<label class="control-label col-sm-1">多选: </label>  
    <div class="col-sm-3" id="Select">  
        <select class="select_gallery-multiple" multiple="multiple" style="width:100%;">  
        <!--multiple="multiple"是H5的属性，可以选择多个-->
            <option value="0">路飞</option>  
            <option value="01">索隆</option>  
            <option value="02">娜美</option>  
            <option value="03">乌索普</option>  
            <option value="1">罗宾</option>  
            <option value="2">香吉士</option>  
            <option value="3">弗兰奇</option>  
            <option value="4">布鲁克</option>  
            <option value="5">乔巴</option>  
        </select>  
    </div>  

      

    <label class="control-label col-sm-1">单选: </label>  

    <div class="col-sm-3">  
        <select class="select_gallery" style="width:100%;">  
            <option value="0">路飞</option>  
            <option value="01">索隆</option>  
            <option value="02">娜美</option>  
            <option value="03">乌索普</option>  
            <option value="1">罗宾</option>  
            <option value="2">香吉士</option>  
            <option value="3">弗兰奇</option>  
            <option value="4">布鲁克</option>  
            <option value="5">乔巴</option> 
        </select>  
    </div>  
    <script type="text/javascript">  
//   这个是多选，如果需要限制多选的个数，获取他的元素，判断数量即可。
        $(".select_gallery-multiple").select2();  
// 这个是单选
        $(".select_gallery").select2();  
    </script>
</body>
</html>

 

[mysql]基本的SELECT语句练习
qq1021091799qq的博客
09-09 1000
题目如下# 1.查询员工12个月的工资总和，并起别名为ANNUAL SALARY# 2.查询employees表中去除重复的job_id以后的数据# 3.查询工资大于12000的员工姓名和工资# 4.查询员工号为176的员工的姓名和部门号# 5.显示表 departments 的结构，并查询其中的全部数据。
MySQL的select语句练习
m0_72898512的博客
09-24 956
例如:查询平均工资
select2 Demo
06-22
今天，向大家介绍一款简单、实用的JQuery插件——select2。 select2是对select下拉框的改进。如果你对界面的美感又一定要求，你一定会抛弃select，坚决的选择select2阵营。 select2的使用非常简单。我将它在项目中的应用总结成了两个demo，你一定会为它的简单实用大为震惊。
使用select2.js实现多功能下拉框,select2中文api
极客神殿
03-03 3365
最近项目中有个需求是商品能够选择多个标签，类似jire中选择标签： 能把选择后选项显示在输入框中，删除时连同整个标签一起删。经过网上咨询、请教同事后，得到一致意见是使用select2。下面是使用select2的初始化、动态赋值，实现标签化多选、以及遇到的问题：1，从http://select2.github.io/examples.html处下载select2源码，把dist目录中css、js引用
select2 api 使用教程（全）
程序员蒋老湿的博客
01-24 1万+
前段时间使用了Select2控件处理下拉菜单，搞了一整天才搞明白，记录下心得。参考官网http://ivaynberg.github.io/select2/#documentation 该控件我使用了两种方式：1、基本用法；2、AJAX用法。 先说第一个基本用法，该方式适用于比较小数据量时，一次把所有数据加载到template里边的<select>组件，然后由Select2对<select>进行解析，例如：
select2 使用教程（简）
热门推荐
程序员蒋老湿的博客
11-10 8万+
用了这么久的Select2插件，也该写篇文章总结总结。当初感觉Select2不是特别好用，但又找不到比它更好的下拉框插件。 在我的印象里Select2有2个版本，最新版本有一些新的特性，并且更新了一下方法参数，比最初版本要好看一些，本文针对新版本。 官网：http://select2.github.io/ 演示： 请选择 由于博客系统的原因，所以只能演示简单
Select2学习总结
简约人生的博客
12-12 2万+
本文主要是对Select2插件常用使用方法的一些总结。包括其单选、多选、分组显示、按照拼音搜索功能。并通过测试示例对其效果进行了验证。 一、效果图 二、 使用方式 1.使用前需要引入下面几个插件： select2.css或者select2.min.css select2.js或者select2.min.js jquery-2.0.3.min.js &lt;link...
MySQL Select查询练习
LLLZZZai_You的博客
11-06 3011
（1）查询南华厂生产的产品的销售总量 （2）查询电视机在不同商场的销售情况，按销售量降序排列 （3）查询总销量最低的商品的商品名和制造商 （4）找出销量不超过100的且在北京海淀区销售的商品的基本情况 （5）查询不生产电视机的制造商 （6）查询销售所有商品的商场号和商场名 （7）查询未销售南华厂的产品的商场名和经理 （8）查询至少在S02和S03两个商场销售的商品名、型号和制造商 （9）查询每种商品在所有商场的总销售量。输出结果按总销量降序排列 （10）查询平均销售量最高的商品号。
select2点击空白处不消失
Bright2017的博客
04-14 2688
今天使用select发现一个问题，点击空白区域，下拉框不能自动消失。咨询了大牛之后发现，原来是因为父元素高度不够的原因。 select2练习 --> 路飞 索隆 娜美 乌索普 罗宾
Oracle Select语句 练习4
LLLZZZai_You的博客
11-18 9993
定义表结构的SQL语句如下： CREATE TABLE score ( sno varchar(6) NOT NULL, cno varchar(6) NOT NULL, term varchar(15), grade int(11), PRIMARY KEY (sno,cno) ) ; 检索出所有成绩为空的学号，课号。 提示：请使用SELECT语句作答; select sno,cno from score where grade is null; 定义表结构的SQL语句如下： CREATE TABL
SQL select 查询语句练习题
健健
07-04 4577
1.求出每个岗位的总工资、平均工资、最高工资、最低工资以及人数 select job, sum(sal), avg(sal), max(sal), min(sal), count(*) from emp group by job; 2.按部门统计工资大于1000的人数 select deptno, count(*) from emp where sal &gt; 1000 group by dep...
DB2 基本操作练习 关系型数据库
我的博客
05-12 2416
-- 查询 USER 下所有数据 select *from SQLJ.USER; -- USER中插入数据 insert into SQLJ.USER(name, age, sex) values('005', 21, '1'); insert into SQLJ.USER(name, age, sex) values('006', 22, '0'); insert into SQLJ.USER(name, age, s...
作业5：SQL练习2 – INDEX / INSERT / SELECT
12-14
在SQL中，索引是一种非常重要的工具，它用于加速数据检索。索引可以在表的单个列或多列上创建，并且可以根据需要设置为唯一或非...通过练习，你可以更深入地理解这些概念，并能更好地运用到实际的数据库管理任务中。
select练习
01-02
select * from emp where to_char(hiredate,'mm') = 2; ``` 查找二月份入职的员工。 13. **时间间隔计算**： ``` select ename,floor((sysdate-hiredate)/365)||' 年 '||floor(mod((sysdate-hiredate),365)/30...
创变下一浪：穿透具身智能与资本共振下的产业趋势.pdf
08-06
创变下一浪：穿透具身智能与资本共振下的产业趋势.pdf
2023年村级点矢量(WGS84)，详情见主页
08-06
2023年村级点矢量(WGS84)，提供处理服务
LBM_Based-on-Mohamad-in-matlab-master.zip
最新发布
08-06
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
数据库发展研究报告（2025年）.pdf
08-06
数据库发展研究报告（2025年）.pdf
SQL查询练习：使用SELECT语句操作学生与课程数据
2. **条件查询**：根据特定条件选择数据，如选择所有年龄大于19岁的学生，`SELECT * FROM Students WHERE Sage > 19`。 3. **连接查询**：结合多个表获取信息，如查询所有选修数学课程的学生信息，`SELECT Students....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值