实现jQuery的自动完成插件与元素标记

Question

我实现jQuery AutoComplete plugin像这样指定的源网址：

HTML：

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

的jQuery：

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

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

这怎么可能？

感谢

Answer 1

你需要调用自动完成（）函数（设置源），分别为每个文本框。

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-???，which complies with the HTML5 standard。