AutoComplete-devbridge：从其他自动完成字段更改时更新参数

Question

我目前正在使用这个插件：

https://github.com/devbridge/jQuery-Autocomplete

我要的是，当我从选定的选项名称的文本字段我可以得到的价值，并把它作为对参数的地址文本字段中的选项地址字段限制只在名称中该地址存在。

同样，当我从地址字段中选择一个选项时，姓名字段中的选项仅限于居住在该地址的人员的姓名。

这是我的代码：

$(document).ready(function(){
    var name = '';
    var add = '';

    $('#name').change(function() {
        name = $('#name').val();
    });

    $('#add').change(function() {
        add = $('#add').val();
    });

    $('#name').devbridgeAutocomplete({
        serviceUrl: 'search/name',
        minChar: 2,
        params: {add: add},
        onSelect : function(suggestion) {
            $('#name').val(suggestion.value);
        }
    });

    $('#name').devbridgeAutocomplete({
        serviceUrl: 'search/address',
        minChar: 2,
        params: {name: name},
        onSelect : function(suggestion) {
            $('#name').val(suggestion.value);
        }
    });
});

我不知道为什么它不起作用，我做对了还是做错了？请帮忙！

有没有其他人遇到过这个问题或知道解决方案？

Answer 1

因为您的变量是字符串，所以它们作为值而不是引用传递。当“#add”中的数据发生变化时，您需要更新“#name”输入自动完成实例上的参数：

$('#add').change(function() {
    var add = $('#add').val();
    $('#name').devbridgeAutocomplete().setOptions({
        params: { add: add }
    });
});