让用户通过单选按钮切换数据源以实现轻松自动完成

时间:2019-03-28 11:36:00

标签: easyautocomplete

我在表格上使用easyautocomplete插件。该表单具有搜索输入字段和一组三个单选按钮。我希望单选按钮可以控制用于提供自动建议的数据源(json文件)。

我尝试了以下代码,但是当单击单选按钮时,它仅使用引用的第一个json文件,广告不会更新json文件源。

var datafile = "list.json";

$(".degreetypeselector").change(function() {
    if ($(this).val() == 'bachelors') {
        datafile = "list.bachelors.json";
    } else if ($(this).val() == 'Masters') {
        datafile = "list.masters.json";
    } else if ($(this).val() == 'all') {
        datafile = "list.json";
    } else {
        datafile = "list.json";
    }
});

var options = {
    url: datafile,
    getValue: "name",
    template: {
        type: "links",
        fields: {
            link: "link"
        }
    },
    list: {
        match: {
            enabled: true
        }
    }
};

$("#example-links").easyAutocomplete(options);

0 个答案:

没有答案