全栈工程师必备技能select2的使用

子修
• 阅读 229

普通的select下拉选框效果单调不好看。有时候客户的需求总是很特别的编写。又要支持下拉多选,又要支持选中后删除选错的。
select2正好可以快速实现这个效果。
第一步:引入select2相关css、js资源文件

第二步:按照select2的文档编写静态模板

第三步:初始化我们的select2

效果图如下:

更多技术资讯可关注:gzitcast

点赞
收藏
评论区
推荐文章
陈占占 陈占占
4年前
PHP 利用confirm删除指定数据库的数据
完整的效果图方法一a标签href中的是你要删除记录html<ahref"PHPtest.php?name1"onclick"returnconfirm('是否要移除该小说?')"方法二下面这个方法是js代码,点击获取id,弹出提示框,确定是否删除,confirm好像可以返回true或者falsejavascriptfunctiond
Stella981 Stella981
4年前
FastCGI 协议分析与C语言实现实例
考虑让我的webserver增加对PHP的支持,这就要用到php解析器来将客户端请求的php文件解析为静态资源,再由我的webserver将其返回到客户端,phpfpm就可以来帮我们完成这个工作。可是我的webserver如何与phpfpm通信呢?接下来就是本文的主角:FastCGI。FastCGI
Wesley13 Wesley13
4年前
ATOM常用插件
emmet快捷键:tab作用:html、css简写效果:具体参照emmet文档,可以按照emmet的规范,快速编写html和css,这个插件已经很有名了,就不多说,不过在atom上,快捷键会冲突,可以使用ctrlaltEnter打开输入栏输入emmet语法!(https://static.oschi
Stella981 Stella981
4年前
Jquery Select2 使用纪要
<divclass"row"<divclass"colmd3"<divclass"formgroup"<labelclass"controllabel"分支机构所在省</label<divclass"cont
Stella981 Stella981
4年前
PHP实战之掌握word&pdf插件
目录1.前言(_Toc27316)2.php打开word文档(_Toc28388)2.1第一步:在php.ini文件配置(_Toc21676)2.2第二步:编辑代码读取word(_Toc14655)2.3第三步:展现效果(_Toc17137)3.ph
可莉 可莉
4年前
19 年学好前端的6点建议
1\.夯实基础要成为一名年薪30W的前端工程师,基础一定要掌握牢固,基础知识一问三不知,岂不是要贻笑大方。css,js基础知识一定要掌握得很熟练,你能使用css实现斑马条纹背景,毛玻璃效果吗?能给图片实现滤镜效果,能实现所有自适应布局效果吗?原型,原型链,闭包是实现设计模式的必备知识,你真的弄懂了吗?闭包导致内存泄漏的原因
Stella981 Stella981
4年前
Android开发禁用通知栏下拉
应用禁用通知栏下拉这个需求让我头疼了好几天statusbar用了后但是效果不是很满意其他的方法试过但是没有效果,所以就换个思路吧做法是在通知栏区域弄一个透明的window,这样下拉的时候触摸的区域就是这个window,系统的就下拉不了了改做法是需要在应用上方显示一个window所以需要权限<use
Wesley13 Wesley13
4年前
C++ 模板基础
我们学习使用C,肯定都要了解模板这个概念。就我自己的理解,模板其实就是为复用而生,模板就是实现代码复用机制的一种工具,它可以实现类型参数化,即把类型定义为参数;进而实现了真正的代码可重用性。模版可以分为两类:一个是函数模版,另外一个是类模版。举个最简单的例子,当在编写好了一个进行int型交换的swap函数,而此后若又要进行double型交换,那就得重
Wesley13 Wesley13
4年前
(selenium+python)_UI自动化05_定位select下拉列表
前言web网页大多选择功能使用下拉列表方式实现,在selenium进行自动化过程中,可通过Select类实现下拉列表的多种操作。Select常用方法select_by_index()通过索引定位选项select_by_value()通过value值定位选项select_by_visib
混世魔王 混世魔王
2年前
皕杰报表查询表单中的下拉树控件
所谓下拉树控件就是在单元格里生成一个下拉树。下面我们就看看下拉树如何设计?在皕杰报表查询表单中选择单元格控件为下拉树,就可以为下拉树设置属性和数据。属性包括多选模式、支持多选模式、只能选叶子节点、默认展开到第几层。数据包括数据来源和节点数据。设置界面见下图
达里尔 达里尔
2年前
layui复选框取消父级子级的关联
layui项目中需要个需求,layui树形结构组件tree,复选框选中的时候不能影响子级和父级,现在是复选框选中的时候父级多选会被选中,子级也会被选中有个参数,tree.js源码里有一个参数可以解决,但是现在layui的文档里没有渲染树形结构的时候加个参数