Question

我正在尝试使用Select2填充下拉列表。但是我无法在前端获取数据，而我可以看到网络中的响应。

以下是代码的源链接。

我已使用自己的网址更改了网址。

但数据下拉列表没有填充。

这是完整的代码：

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
  <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
  <title>Quick Select2 Ajax-powered Autocomplete Dropdown</title>
</head>
<body>

<p>The following autocomplete dropdown will list public GitHub repositories by querying the list with your search term.</p>
<select class="js-data-example-ajax" style="width: 300px;">
  <option value="464684" selected="selected">Search ...</option>
</select>

<script type="text/javascript">
$(".js-data-example-ajax")
  .select2({
    ajax: {
      url: '/shajra_mmsj/index.php/home/get_parent',
      dataType: 'json',
      delay: 250,
      data: function (params) {
        return {
          q: params.term, // search term
          page: params.page
        };
      },
      processResults: function (data, params) {

        params.page = params.page || 1;

        return {
          results: data.items,
          pagination: {
            more: (params.page * 30) < data.total_count
          }
        };

      },
      cache: true
    },
    escapeMarkup: function (markup) {
      //console.log(markup)
      return markup; // let our custom formatter work
    },
    minimumInputLength: 1,
    templateResult: function(repo) {

      if (repo.loading) return repo.text;
      console.log(repo);
      return repo.full_name;
    },
    templateSelection: function(repo) {
//console.log(repo);
      return repo.full_name || repo.text;

    }
  });
</script>

</body>
</html>

＆＃13;

选择2搜索未在下拉列表中显示数据

0 个答案: