首页 > 其他 > 详细

select2 使用

时间:2018-09-15 22:23:25      阅读:215      评论:0      收藏:0      [点我收藏+]
<link href="/plugin/select2/css/select2.min.css" rel="stylesheet" />
<script src="/plugin/select2/js/select2.min.js"></script>

1.处理

$('#spec1_cont').select2({
    placeholder: "请选择",
    allowClear: true
});

2.获取选择的id

var spec1_cont_val = $('#spec1_cont').select2("val");

3.获取选择的内容和id

var spec1_cont_val = [];
$("#spec1_cont option:checked").each(function(i){
    spec1_cont_val[i] = $(this).val()+'-'+$(this).text(); // 1-红色 3-绿色
})
var spec2_cont_val = [];
$("#spec2_cont option:checked").each(function(i){
    spec2_cont_val[i] = $(this).val()+'-'+$(this).text();
})

4.默认选择

if (default_val_arr) { // ['1','3']
    $("#spec1_cont").val(default_val_arr).trigger('change');//设置select的默认值
}

select2 使用

原文:https://www.cnblogs.com/jiqing9006/p/9652603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!