jQuery自动完成与ajax json phph
问题描述:
我试图找到一种方法来使用jQuery自动完成与PHP源获取数据通过从服务器的ajax json对象列表。 但是选择为空:jQuery自动完成与ajax json phph
<script>$('#id_client_nc').autocomplete({ source: function(request, response) { $.ajax({ url: "<?php echo URL::base(); ?>commerce/client/selectajax/"+$(this).val(), dataType: "jsonp",
data: {
q: request.term
},
success: function(data) {
var sel = $("#id_client_nc");
sel.empty();
$("#id_client_nc").empty();
sel.append('<option value="">--sélectionner--</option>');
for (var i=0; i<data.length; i++)
{
sel.append('<option value="' + data[i].client_id + '" >' + data[i].client_nom +'</option>');
}
$("#id_client_nc").select2("destroy");
$("#id_client_nc").select2();
}
});
}
});
HTML:
<select name="" class="selecttwo-s span12 id_client" id="id_client_nc"> </select>
答
的response
参数是你与你的自动完成数据作为参数调用一个函数。因此,在你的例子,假设你的数据是JSON格式的数组,你会写
response(JSON.parse(data));
你的结果传递给自动完成窗口。
类似的问题,https://stackoverflow.com/questions/8090457/populating-select-option-dynamically-with-jquery – Blueline