AutoComplete-devbridge：根据其他自动完成字段的更改更新参数

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

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

我想要的是，当我从name文本字段我可以获取该值并将其作为参数放在address文本字段，其中的选项address场仅在以下情况下受到限制name存在于该地址中。

当我从以下选项中选择一个选项时也是如此address字段中的选项name字段仅限于居住在该地址的人的姓名。

这是我的代码：

$(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);
        }
    });
});

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

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

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

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