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

1. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
2. var checkValue=$("#select_id").val();  //获取Select选择的Value
3. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
4. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

同一个页面多个select  有些改变，能取到id，有的id不变，原因是：有可能是页面的标签ID重复了