如果从ajax生成，jquery自动完成无工作
自动完成它工作得很好，如果使用普通的静态html/php页面，这与预期一样 但我正在开发一个模块，该模块可以动态加载（AJAX）生成与上面相同的HTML到一个区域中。我无法让自动完成功能工作 你知道我该怎么解决这个问题吗？我到处都找遍了，什么都试过了，但显然还没有找到正确的解决方案如果从ajax生成，jquery自动完成无工作,jquery,ajax,autocomplete,Jquery,Ajax,Autocomplete,自动完成它工作得很好，如果使用普通的静态html/php页面，这与预期一样 但我正在开发一个模块，该模块可以动态加载（AJAX）生成与上面相同的HTML到一个区域中。我无法让自动完成功能工作 你知道我该怎么解决这个问题吗？我到处都找遍了，什么都试过了，但显然还没有找到正确的解决方案 // // this is the ajax code load dynamic contents in a #display_area // from onclick=selected_purchase() //
//
// this is the ajax code load dynamic contents in a #display_area
// from onclick=selected_purchase()
//
function selected_purchase() {
var fields = $(":input").serialize();
$.ajax({
url: "purchase4",
type: "POST",
dataType: "html",
data: fields ,
beforesend: function(a) {
// before send process here
showBusy();
},
success: function(html) {
// success process here ...
processForm(html);
}
});
}
//
// this is the autocomplete code
//
$( "#supplier" ).autocomplete({ //the recipient text field with id #supplier
source: function( request, response ) {
$.ajax({
url: "search_supplier",
dataType: "json",
data: request,
success: function(data){
if(data.response == 'true') {
response(data.message);
}
}
});
},
minLength: 2,
select: function( event, ui ) {
// Do something extra on select...
// add user id to hidden input
$('input[name="name"]').val(ui.item.value);
$('input[name="sl"]').val(ui.item.sl_id);
return false;
},
});
您可能必须在加载内容后初始化插件实例
$("#container").load('some url', function() {
$(this).find('#autocomplete').autocomplete();
});
现在我们有了您的代码示例，下面是您应该做的：
function selected_purchase() {
var fields = $(":input").serialize();
$.ajax({
...
success: function(html) {
// success process here ...
processForm(html);
// assuming "processForm" append the "html" to the DOM
// you can now call autocomplete
$( "#supplier" ).autocomplete({
...
});
}
});
}
['toto','titi','tata']
您可以使用
echo json\u encode（$myArrayWithStringValues）