html5下拉框调取图片,使用select2实现下拉框中显示图片

使用select2插件需要引用select2.min.js、select2.min.css文件

1、CDN引用方式：

2、下载文件后本地引用(手动安装)

select2依赖于jQuery选择器，所以还得引入jQuery

官网推荐使用CDN，虽然这样的引用方式容易部属和更新还节约流量，但是不能做一些定制化的操作，比如修改提示，具体看个人需求。

select2 有两种数据集填充方式：固定方式获取(页面写死)和远程方式获取(select2内置了ajax)

Select2将自己注册为jQuery函数，因此您可以调用.select2()在任何你想初始化Select2的jQuery选择器上。

一、固定方式：

html代码：

固定方式获取

单选：

ROOT

傲剑

黄磊

分组多选：

ROOT

傲剑

黄磊

图文结合：

ROOT

傲剑

黄磊

JS代码：

//单选

$(document).ready(function () {

$('#sel_1').select2();

//设置最多能够选择的个数

$("#sel_2").select2({

tags: true,

placeholder: '请选择',

maximumSelectionLength: 2