2012-04-28 14 views
1

で指定されたソースのURLとjQueryのオートコンプリートのプラグインを実装します。今度は、オートコンプリートオプションの一部であるsourceを入力のurl属性(url='/source/data')からフェッチする必要があります。は、私はこのような<a href="http://jqueryui.com/demos/autocomplete/" rel="nofollow">jQuery AutoComplete plugin</a>を実装しています要素のマークアップ

どうすれば可能ですか?あなたが個別に各テキストボックスのために、オートコンプリート()関数(ソースを設定する)を呼び出す必要が

おかげ

答えて

2

function init(){ 
    $(".autocomplete").each(function(ix,item){ 
     var $item = $(item), 
      url = $item.attr('data-ac-url'); 
     $item.autocomplete({ source: url}); 
    }); 
} 

$(document).ready(init); 

これは、このHTMLで動作します:

<input id='box1' 
     class='autocomplete' 
     value='' type='text' 
     data-ac-url='/asp/autocomplete-src1.aspx' /> 
<input id='box2' 
     class='autocomplete' 
     value='' type='text' 
     data-ac-url='/asp/ac-src2.php'/> 

要素のマークアップでURLを指定するには、私はdata-???which complies with the HTML5 standardのような属性を使用することをお勧めします。

+0

+1ありがとうございます。完璧に動作します。別のものを修正してもらえますか?要素に 'data-ac-url'プロパティがなければ' this.sourceは関数ではありません.'のようにfirebugでエラーを生成します。 'data-ac-url'プロパティがないと何もしないように修正することはできません。 – Student

+1

どうしてですか?おそらく 'if'文をそこに挿入してテストすることができます。どうやってやるのだろう?うーん..... – Cheeso

関連する問題

 関連する問題