因为我想实现添加标签的功能,后面发现了Select2可以完成
(在列表里面选择,然后添加到文本框中,目前只能获取option中的文本,不能获取value)
安装
引入到html中,这样就不用再本地引入了。
直接放代码(本地还需引入jquery文件)
TEST.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #3c8dbc;color: rgb(255, 255, 255);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: rgb(255, 255, 255);
}
aaa
bbb
ccc
ddd
Alabama
Wyoming
$(document).ready(function () {
$('.js-example-basic-multiple').select2({
placeholder: '请选择标签',
});
});
var arrayObj = new Array()
$('#inpbtn').click(function(){
for(var i=0; i< $('.select2-selection__choice').length;i++){
var optionVal = $('.select2-selection__choice')[i].getAttribute('title');
arrayObj.push(optionVal);
}
console.log(arrayObj);
})
需要获取文本框里面的内容
发现在li标签里面,同时title里面也有这个文本
li里面的文本不知道怎么获取,所以就获取title里面的值
拿到了