JavaScript 自动建议更新多个字段

Question

我有一个简单的自动完成字段，它会输出一堆建议的单词并将其放入建议字段中。是否有自动建议代码可以输入所选文本，但也可以自动填充一系列其他字段而不是所选字段？

例如，在联系人列表中搜索时，您输入他们的姓名或地址，它会建议选项。单击其中一个后，它会自动从数据库中提取其余可用的联系方式。

Answer 1

您应该能够使用 自动完成 插件来完成此操作。添加 结果处理程序 并使用它来填充其他字段。

 $('div#result').result( function(e,data,formatted) {
      $(this).html(formatted);
      $('div#address').html(data.address);
      ...
 });

Answer 2

如果您使用 script.aculo.us 中的 Ajax.Autocompleter ，您可以覆盖afterUpdateElement 函数可以为您完成此操作。然后，您可以进行一个调用，该调用可以发送回 JSON，如下所示：

{ fields: ['first', 'second'],
  first: 'value',
  second: 'another value' }

并使用以下内容填充您的表单：

for(field in json.fields)
  $(field).value = json.getAttribute(field);