Scriptaculous: Mehrere Autocompleter-Felder

Question

Ich muss einen Weg zum Hinzufügen fünf Autocompleter HTML-Felder zu einem Webformular finden. Ich habe eine perfekt funktioniert, aber wenn ich den Code wiederhole, funktioniert es nicht. Ich bin mir sicher, dass es eine sehr einfache Antwort darauf gibt, aber meine Javascript-Neuigkeit hat dazu geführt, dass ich den falschen Weg eingeschlagen habe.

Danke für jede Hilfe. Hier ist der JS-Code:

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' 
    });      
};  

Hier ist der relevante 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> 

Wie gesagt, venue0 funktioniert perfekt, aber die anderen haben entlocken keine Reaktion von JQuery. Was für eine dumme Sache habe ich getan?

Answer 1

Am Ende habe ich eine andere Lösung verwendet: Alle Autocompleter-Optionen in einem Eingabefeld (sehr ähnlich wie die "Tags" auf dieser Seite). Scheint gut zu funktionieren!