asp.net - JQuery AutoComplete 更新多个字段 ASP.NET

Question

我正在尝试使用 JQuery 的自动完成功能来更新 ASP.NET 网页上的多个字段。单个文本框运行完美，但我不知道如何在用户选择后更新页面上的多个文本框。

我在这里读到了很多建议，指出我需要实现一个结果处理程序，但我的智能感知没有将其显示为一个选项，并且 IE 我收到一个 JS 错误，指出该对象不支持此方法。

我链接到 jquery-1.4.2.min.js 和 jquery-ui-1.8.5.custom.min.js

这是我的代码:

$(function () {

        $("#Street1").autocomplete({

            source: function (request, response) {
                $.ajax({
                    url: "/address/FindAddress", type: "POST", dataType: "json",
                    data: { startAddress: request.term },

                    success: function (data) {

                        response($.map(data, function (item) {
                            return { label: item.DisplayText, value: item.ValueText, id: item.ID }
                        }))
                    }
                })

            } /* End source: function */

        })
   .result(function (event, data, formatted) {
        $("#Street2").val("test"); 
        })

         /* end Autocomplete */


    });  /* Function */

Answer 1

在这种情况下，您需要 select handler ，像这样:

$("#Street1").autocomplete({
  source: function (request, response) {
    $.ajax({
      url: "/address/FindAddress", type: "POST", dataType: "json",
      data: { startAddress: request.term },
      success: function (data) {
        response($.map(data, function (item) {
            return { label: item.DisplayText, value: item.ValueText, id: item.ID }
        }));
      }
    });
  },
  select: function( event, ui ) {
    $("#Street2").val(ui.item.label); //or ui.item.value
  }
});

我不确定您是否想要 label , value或id在那里，只需使用 ui.item.whatever 。使用select ，无论选择什么值，您都可以填充 #Street2领域也是如此。