时间戳

首页 > 解决方案 > select2.jquery ajax，json 搜索结果不起作用我已经检查了 4 个小时，但我没有找到任何答案

javascript - select2.jquery ajax，json 搜索结果不起作用我已经检查了 4 个小时，但我没有找到任何答案

问题描述

我有一个问题我尝试将 jquery 插件 select2 我有 select2.min.js 添加到我的 html

这是我的html

我的js

$(文档).ready(函数(){

$.ajax({ url: '/creditdebit/credit/association', type: "GET", success: function(data, textStatus, jqXHR) {

        var xdata = $.map(data, function (obj) {
            obj.text = obj.text || obj.name;  
            return obj;
        });

        $(".association").select2({
            placeholder: "test",
            data:xdata,
             search: data.term,

        });

    },
    error: function (request, textStatus, errorThrown) {
        swal("Error ", request.responseJSON.message, "error");
        if(request.status == "401"){
            alert("Unauthorized Access ");
            return false;
        }
    }
});

});

观点： 我无法搜索 我的搜索不起作用的关联，而且它与同一个地方不一样很奇怪。

标签： javascriptajaxjquery-select2

解决方案

<html>
<body>
  <div class="form-group rows">
  <div class="col-md-9">
<select  name="socNumber" id="mySelect" class="select2 form-control custom-select"  style="width: 100%; height:36px;>
<option value="" label="">
<c:forEach items="${associations}" var="assoc" >//from attribute in my controller
<option  value="${assoc.code}">${assoc.name}</option>
</c:forEach>
</select>
 	</div>
</div>
<script type="text/javascript">
    $(function() {
 $("#mySelect").select2({
    		   dir: "rtl",
})    
  });

   </script>
</body>
</html>

推荐阅读