0

我需要找到一种将五个自动完成器 HTML 字段添加到 Web 表单的方法。我有一个工作完美，但是当我重复代码时它不起作用。我确信对此有一个非常简单的答案，但是我的 Javascript 新手导致走错了路。

谢谢你的帮助。这是JS代码：

window.onload = function() {
new Ajax.Autocompleter('venue0', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                
new Ajax.Autocompleter('venue1', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });
new Ajax.Autocompleter('venue2', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });
new Ajax.Autocompleter('venue3', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                    
new Ajax.Autocompleter('venue4', 'venue_choices', 'venue_search.php', {
  paramName: 'q',
    minChars: 2,
    frequency: 0.4,
    indicator: 'loading'
    });                    
};

这是相关的HTML：

<input name="venue0" type="text" id="venue0" value="" />
<input name="venue1" type="text" id="venue1" value="" />
<input name="venue2" type="text" id="venue2" value="" />
<input name="venue3" type="text" id="venue3" value="" />
<input name="venue4" type="text" id="venue4" value="" />
<p id="loading" style="display:none">
    <img alt="Searching..." src="static/images/thinking.gif" />
</p>
<div id="venue_choices" style="z-index:1;"></div>

正如我所说，venue0工作完美，但其他人不会引起 JQuery 的任何反应。我做了什么傻事？

4

1 回答 1

0

我最终使用了另一种解决方案：将所有相同的自动完成选项放在一个输入框中（非常类似于本网站上的“标签”）。似乎工作正常！

于 2012-04-11T10:36:34.483 回答