使用数据源属性自动完成？

Question

我可以将数据属性用于自动填充的来源吗？

例如

HTML

 <input type="text" class="autocomplete" data-source="/search.php" />

使用Javascript

  $(".autocomplete").autocomplete({
        source :  $(this).data('source'),
        minLength:1,
        select: function( event, ui ) {
            console.log( ui.item ?
                "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
        }
    });

我尝试过,但它总是给我一个错误.我的代码出了什么问题？

Uncaught TypeError: Property 'source' of object #<Object> is not a function

Answer 1

在源代码中,您可以使用this.element引用输入

$(".autocomplete").autocomplete({
   source :  this.element.attr('data-source'),
   minLength:1,
   select: function( event, ui ) {
   console.log( ui.item ?
            "Selected: " + ui.item.value + " aka " + ui.item.id :
            "Nothing selected, input was " + this.value );
    }
});

Answer 2

这是修复

$('.autocomplete').keypress(function(){ 
    $(this).autocomplete({ 
        source: $(this).data('source'), 
        minLength: 1, 
        select: function(event, ui) { 
            console.log(ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : "Nothing selected, input was " + this.value); 
        } 
    }); 
}); 

我添加了一个按键功能,以便它获取当前元素.