自动完成是否适用于多个文件

时间:2016-10-21 06:24:52

标签: javascript jquery autocomplete

我在我的项目中使用EasyAautocomplete。我想知道是否可以在一个搜索框中使用来自2个不同文件的自动完成功能。我已经尝试过了代码,但它只读取其中一个:

<script>  
 var options = {    
 url: "file1.json",
 getValue: "name",
 list: {
 match: {
 enabled: true
         }
         },
   theme: "square"
        };
 $("#KUNDE").easyAutocomplete(options);$('div.easy-autocomplete').removeAttr('style');
         var options2 = {
            url: "file2.json",
            getValue: "name",
            list: {
              match: {
              enabled: true
                }
                },
            theme: "square"
        };
 $("#KUNDE").easyAutocomplete(options2);$('div.easy-autocomplete').removeAttr('style');
    </script>

1 个答案:

答案 0 :(得分:1)

我向你推荐:

  • 首先获取json文件
  • 合并他们
  • 将它们用于自动填充

代码如下:

$.getJSON("file1.json", function (data1) {
    $.getJSON("file2.json", function (data2) {
        var mergedData = $.extend({}, data1, data2);

        var options = {
            data: mergedData,
            getValue: "name",
            list: {
                match: {
                    enabled: true
                }
            },
            theme: "square"
        };
        $("#KUNDE").easyAutocomplete(options); $('div.easy-autocomplete').removeAttr('style');

    });
});