select2的简单实用
的有关信息介绍如下:select2的样式漂亮,在web开发经常使用
本地下载select2的js以及css文件,js要以来jquery,所以要在select2之前引入jquery
select {
width: 40%;
}
//编写select的样式文件
测试select2
爱好:
class引入select2,即可使用样式
爱好2:
两种方式模拟select2的样式
//使用html5的标签和select2做对比
//编写js模拟ajax请求
$(function() {
var htmlOption = '';
$('#demoSelect').append(htmlOption);
//直接初始化下拉选
$('#demoSelect').select2();
$('#demoSelect2').select2();
$('#demoSelect').change(function(){
var value = $('#demoSelect').val();
console.log(value);
});
//多选框打印选择结果
$('#demoSelect2').change(function(){
var value = $('#demoSelect2').val();
console.log(value);
});
})