javascript - 使用元素标记中指定的源 URL 实现 jQuery Autocomplete 插件

Question

我正在实现这样的jQuery AutoComplete 插件：

HTML：

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

jQuery：

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

上面的代码正在工作。现在我希望source自动完成选项的那部分应该从输入的url属性（url='/source/data'）中获取。

这怎么可能 ？

谢谢

Answer 1

您需要分别为每个文本框调用 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'/>

要在元素标记中指定 URL，我建议使用符合 HTML5 标准data-???的属性，如。