jquery下拉插件select2教程
select2解决了html原生下拉选择控件不美观、功能弱的缺点,select2提供了漂亮的外观、多选、刷选功能。
依赖环境
1,支持Chrome 、Firefox、Edge、及IE8及以上浏览器
2,jQuery
网页引用文件
select2.js资源下载
快速开始
html代码可以和你使用原生html控件一样,无需做任何修改。
上架
下架
JS代码$(document).ready(function () {
$('#status').select2({}); //id为status的控件就被美化了
});
一些基础操作//id为status的控件转换成select2
$('#status').select2();
//禁用id为status的select控件
$('#status').prop("disabled", true);
//启用id为status的select控件
$('#status').prop("disabled", false);
//获取ID为status的select值
$('#status').val();
//设置默认值或者指定的值,把下架设置为选中值
$('#status').val("下架").select2();