javascript - 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);