Question

我正在尝试使用select2 jQuery插件创建动态多选下拉框。

这是我的HTML代码： -

<html>
<head>
<title>Select2</title>
<link rel="stylesheet" type="text/css" href="css/select2.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/select2.js"></script>
</head>
<body>
<input type="hidden" id="e6"> 
</body>
</html>

这是我的jQuery代码： -

$(document).ready(function(){
    $("#e6").select2({
        placeholder : "Select options",
        multiple    : true,
        ajax        : {
                            url         : "getResults",
                            dataType    : "json",
                            results     : function(data){
                                            var ret = {results: []};
                                            $.each(data,function(index,obj){
                                                $.each(obj,function(key,val){
                                                    ret.results.push({id:key,text:val});
                                                    });
                                                });
                                                return {results: ret};
                                            }
                      }
    });

});

这是我以json格式调用ajax后得到的响应： -

[{"key1":"value1"},{"key2":"value2"},{"key3":"value"}]

我正在寻找一个填充了value1，value2和value3的多选下拉框，我从上面的响应中得到了它。

我花了很多时间。我想我错过了一些重要的事情。请帮忙。

通过ajax调用使用Select2创建多选下拉框

0 个答案: