Jquery自动完成，从第一个文本框中获取选定的值并填充第二个文本框

Question

我想根据第一个文本框自动完成中的选定值填充文本框。但是不确定如何从第一个文本框中获取选定的值并在数据库中查询值列表以在第二个文本框中显示为自动完成值。

到目前为止我的 jquery 代码：

$(document).ready(function() {
    $("#autocomplete").autocomplete({
             minLength: 7, 
             delay: 1000,
        source: function(request, response) {
            $.ajax({
                url: "autocomplete",
                dataType: "json",
                async:false,
                data: {
                    term : request.term,
                    // country_id : $("#country_id").val()
                },
                success: function(data) {
                    response(data);
                }

            });
        },
    });
});

HTML：

<input type="text" name="autocomplete-person" id="autocomplete-per" class="form-control" placeholder="Enter person name" />
  <input type="text" name="autocomplete-aadress" id="autocomplete-adrs" class="form-control" placeholder="show address of seelected name" />

Answer 1

在您的 ajax 调用成功后，您可以使用您在响应中获得的数据放置一个进行另一个 ajax 调用的函数并获取第二个输入的数据。