下载地址:
https://github.com/select2/select2/tags
文档地址:
https://select2.org/
引用:
初始化:
$("#startAirCode").select2();
var data = https://www.it610.com/article/[
{
id: 0,
text: 'enhancement'
},
{
id: 1,
text: 'bug'
},
{
id: 2,
text: 'duplicate'
},
{
id: 3,
text: 'invalid'
},
{
id: 4,
text: 'wontfix'
}
];
$("#startAirCode").select2({
data: data,
placeholder: '请选择'
});
清空:
$("#startAirCode").empty();
// 官网文档中的方法
$('#startAirCode').val(null).trigger('change');
获取选中的值:
//取text
var strtext = $('#startAirCode').select2('data').text;
//取value
var str2value= https://www.it610.com/article/$("#startAirCode").select2("val");
赋值:
$('#startAirCode').val(['1']).trigger('change');
【select2的使用】
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例