JQuery AutoComplete 更新多个字段 ASP.NET答案

【问题标题】：JQuery AutoComplete updating multiple fields ASP.NETJQuery AutoComplete 更新多个字段 ASP.NET
【发布时间】：2011-04-21 01:40:51
【问题描述】：

我正在尝试使用 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 */

【问题讨论】：

标签： asp.net jquery autocomplete

【解决方案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 字段。

【讨论】：

【解决方案2】：

查看这个例子的源码，正是你想要的（看select方法）：http://jqueryui.com/demos/autocomplete/#custom-data

另外，它是 JavaScript，不要依赖智能感知。

编辑：我粘贴了错误的链接

【讨论】：