JavaScript Auto建议更新多个字段

时间:2009-08-30 13:21:02

标签: javascript ajax autosuggest

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

例如,搜索联系人列表,您可以键入他们的姓名或地址,并建议选项。点击一下,它会自动从数据库中提取剩余的可用联系方式。

2 个答案:

答案 0 :(得分:2)

您应该可以使用Autocomplete插件执行此操作。添加result handler并使用它来填充其他字段。

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

答案 1 :(得分:1)

如果您使用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);