php - 通过jquery将数据库中的列填充到select2中

Question

我正在尝试将标签从数据库填充到 select2 字段中。数据在检查模式下返回，但不会填充到 select2 字段中。我有一个包含 tag_id 和 tag_name 字段的 tags 表。以下是 Controller 中获取并返回标签的代码:

    public function getTag()
      {

     $tag_list = DB::table('tags')
     ->select('t_name')
     ->get();


            return response()->json(['tag_n' => $tag_list]);

以下是带回标签的 Jquery:

<script>
    $(document).ready(function() {
  $("#catBox").select2({
       placeholder:"Select and search",
       ajax:{


             url: urlTag ,
             type: 'GET' ,
             dataType: 'json',
             delay: 250,
             data:function(params){
                return{
                    tag_n:params.term
                };
             },
             processResults:function(response){

                return{
                    results: response
                };
             },

          cache:true
       }
  });
});

</script>

路线和路线网址:

    <script>
        var urlTag = '{{ route('getTag') }}';
    </script>

Route::get('/gettag', [
    'uses' => 'PostController@getTag',
    'as' => 'getTag'
]);

数据在检查模式下返回，但不会填充到 select2 字段中。

以下是选择标签:

                   <select class="js-example-basic-multiple" multiple="multiple" name="catBox[]" id="catBox" style ="width:250px">

                    </select>   

Answer 1

从服务器返回数据，如下所示:

[{t_name : "PHP"},{t_name : "TEST"},{t_name : "DEMO"}] insted of pass with `{a_tag : [{t_name : "PHP"},{t_name : "TEST"},{t_name : "DEMO"}]}`





$("#catBox").select2({
      tags: true,
      tokenSeparators: [",", " "],
      createSearchChoice: function(term, data) {
        if ($(data).filter(function() {
          return this.text.localeCompare(term) === 0;
        }).length === 0) {
          return {
            t_name: term
          };
        }
      },
      multiple: true,
      ajax: {
        url: urlTag ,
        dataType: "json",
        data: function(term, page) {
          return {
            q: term
          };
        },
        results: function(data, page) {
          return {
            results: data
          };
        }
      }
    });