0

5つのオートコンプリート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

私は別の解決策を使用することになりました：すべての同じオートコンプリートオプションを1つの入力ボックスに入れます（このサイトの「タグ」に非常によく似ています）。うまくいくようです！

于 2012-04-11T10:36:34.483 に答える