码迷,mamicode.com
首页 > 其他好文 > 详细

select2 使用

时间:2018-09-15 22:27:45      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:hang   设置   默认   val   ec2   min   option   check   script   

<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 使用

标签:hang   设置   默认   val   ec2   min   option   check   script   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!