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

时间:2017-12-07 17:29:19

标签: javascript jquery ajax jquery-ui-autocomplete

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

到目前为止我的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" />

1 个答案:

答案 0 :(得分:0)

关于ajax调用是否成功,您可以使用响应中的数据放置一个进行另一个ajax调用的函数并获取第二个输入的数据。