1

次のようなjQuery AutoComplete プラグインを実装しています。

HTML:

<input type='text' class='AutoComplete' url='/source/data'>

jQuery:

$( ".AutoComplete" ).autocomplete({
    source: "/source/data"
});

上記のコードは機能しています。ここで、オートコンプリート オプションの一部を入力の属性 ( )sourceから取得する必要があります。urlurl='/source/data'

どのように可能ですか？

ありがとう

4

1 に答える 1

2

テキストボックスごとに、(ソースを設定するために) autocomplete() 関数を呼び出す必要があります。

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'/>

data-???要素のマークアップで URL を指定するには、HTML5 標準に準拠した のような属性を使用することをお勧めします。

于 2012-04-28T15:47:13.693 に答える