Javascript Jquery MultiSelect下拉列表无法正确处理来自Ajax调用的数据_Javascript_Jquery_Twitter Bootstrap 3

Javascript Jquery MultiSelect下拉列表无法正确处理来自Ajax调用的数据

javascript jquery twitter-bootstrap-3

Javascript Jquery MultiSelect下拉列表无法正确处理来自Ajax调用的数据,javascript,jquery,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap 3,我使用多选下拉菜单来设置复选框和搜索功能。我已经添加了所有必需的库。但下拉列表显示不正确。数据显示为单选按钮，而不是复选框。选择任何值都不会显示。请在下面找到我的代码： <head> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <script src="https://ajax.googlea

我使用多选下拉菜单来设置复选框和搜索功能。我已经添加了所有必需的库。但下拉列表显示不正确。数据显示为单选按钮，而不是复选框。选择任何值都不会显示。请在下面找到我的代码：

<head>
<link rel="stylesheet"
    href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<script type="text/javascript" src="/resources/js/app.js"></script>
<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#fileList').change(function() {
            var end = this.value;
            alert("Value:" + end);
            $.ajax({
                type: "POST",
                url: 'getColumns',
                data : {
                    end
                  },
                dataType: 'json',
                success: function (response) {
                    alert('something'+response+"="+response.length);
                    alert('res'+response[0]);

                   for(var i = 0; i<response.length; i++){
                        var id = response[i];           
                        $("#columnList").append("<option value=''>"+id+"</option>");
                    }
                   $('#columnList').multiselect({
                        includeSelectAllOption: true,
                        buttonWidth: 500,
                        enableFiltering: true
                    });
                },
                error: function() {
                    alert('fail');
                }
            }); 
        });

    });
</script>


$（文档）.ready（函数（）{
$（'#文件列表'）。更改（函数（）{
var end=该值；
警报（“值：+end”）；
$.ajax({
类型：“POST”，
url:'getColumns'，
数据：{
结束
},
数据类型：“json”，
成功：功能（响应）{
警报（'something'+响应+“=”+响应.长度）；
警报（'res'+响应[0]）；
对于（var i=0；i我希望您必须更改jquery中的选项值代码。请尝试修改代码，如下所示：
$("#columnList").append("<option value="+id+">"+value+"</option>");

$（“#columnList”）.append（“+value+”）；

另外，尝试检查类是否显示复选框
$("#columnList").append("<option value="+id+">"+value+"</option>");