Select2 下拉控件的使用方法 （包括从后端加载数据并初始化数据）

参考的demo网址： https://demo.ops-coffee.cn/select2/

 

demo3 初始化赋值：

            // select2单选ajax异步加载数据
            $('#id_select2_demo3').select2({
                placeholder: '-----单选-----',
                ajax: {
                    url: "sdata.json",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            search: params.term
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: data.message
                        };
                    },
                    cache: true
                },
                minimumInputLength: 2
            });

           //初始化赋值操作

            $("#id_select2_demo3").append(new Option('OPS-COFFEE-5', 5, false, true));   //第一个参数时text,    第二个参数是id
            $("#id_select2_demo3").trigger("change"); 

 

select2获取选中的val和text

获取val：$("#id").val()

获取text：$("#id").select2("data")[0].text

来源：CSDN

作者：宋军涛

链接：https://blog.csdn.net/songjuntao8/article/details/104310185