Select2分页显示加载更多结果…

<link rel="stylesheet" href="select2.css">
<script src="select2.js"></script>

<select id="mySelect"></select>

<script>
  $(document).ready(function() {
    $('#mySelect').select2();
  });
</script>

<select id="mySelect"></select>

<script>
  $(document).ready(function() {
    $('#mySelect').select2({
      ajax: {
        url: 'data.php', // 后端接口地址，用于获取数据
        dataType: 'json',
        delay: 250,
        data: function(params) {
          return {
            q: params.term, // 用户输入的搜索关键字
            page: params.page // 当前页码
          };
        },
        processResults: function(data, params) {
          params.page = params.page || 1;

          return {
            results: data.items, // 后端返回的数据列表
            pagination: {
              more: (params.page * 10) < data.total_count // 是否还有更多结果
            }
          };
        },
        cache: true
      },
      placeholder: '请选择',
      minimumInputLength: 1 // 最少输入字符数触发搜索
    });
  });
</script>