Question

我是select2插件的新手，我的问题是，我想在我的网页上添加一个求职选项，当用户使用关键字php查询时，它会将相应的数据作为json返回。例如，如果用户输入java，那么它将返回大多数可能的单词，如java，javascript，java.net，用户可以从显示的列表中选取一个或多个项目。我做了，但没有选择选项

脚本

$(".load").select2({
 minimumInputLength: 2,
    ajax: {
          url: "http://localhost/testserver/Test",
      dataType: 'json',
       type: "post",

      data: function (term, page) {
        return {
          q: term
        };
      },
      processResults: function (data, page) {
      console.log(data);
        return {
                results: $.map(data, function (item) {
                    return {
                        text: item.Name,


                    }
                })
            };
      }

    },


});

HTML

<select class="load" style="width:400px;">

Answer 1

查找以下完整解决方案

     $(document).ready(function() {          
            $(".load").select2({
 minimumInputLength: 2,
    ajax: {
          url: "http://ip.jsontest.com/",
      dataType: 'json',
       type: "post",

      data: function (term, page) {
        return {
          q: term
        };
      },
      processResults: function (data, page) {

        return {
                results: $.map(data, function (item) {  console.log(item);
                    return {
                        text: item
                    }
                })
            };
      }

    },


});
});

我已将url指向动态数据的其他位置。请相应地进行更改

如何使用php和ajax的select2插件？

1 个答案: