PHP中的jQuery自动完成
我有自动完成文本框用于搜索物品或商店。此外,此搜索文本框下方还有两个单选按钮,分别命名为Shop和item。 默认情况下,在页面加载时选中Shop。当用户尝试键入搜索文本框时,请求被发送到一个PHP页面,该页面触发一个数据库查询,以在文本框中显示自动完成的搜索结果。这很好,但我想要实现的是,当选中Shop单选按钮时,它应该获取商店的数据,而当选中item时,它应该获取项目的详细信息。 目前这种情况还没有发生。请告知 我的代码:PHP中的jQuery自动完成,php,jquery,autocomplete,Php,Jquery,Autocomplete,我有自动完成文本框用于搜索物品或商店。此外,此搜索文本框下方还有两个单选按钮,分别命名为Shop和item。 默认情况下,在页面加载时选中Shop。当用户尝试键入搜索文本框时,请求被发送到一个PHP页面,该页面触发一个数据库查询,以在文本框中显示自动完成的搜索结果。这很好,但我想要实现的是,当选中Shop单选按钮时,它应该获取商店的数据,而当选中item时,它应该获取项目的详细信息。 目前这种情况还没有发生。请告知 我的代码: $(document).ready(function(){ $
$(document).ready(function(){
$("#keyword").autocomplete("autocomplete.php", {
selectFirst: false
});
});
$("#keyword").keyup(function()
{
$("input:radio[name=shop]").click(function() {
var status = $(this).val();
if(status=='item')
{
$("#keyword").autocomplete("autocomplete_2.php", { // has code for fetching shop details from DB
selectFirst: false
});
}
});
});
尝试使用发送到服务器的参数创建ajax调用
$("#keyword").autocomplete({
source: function(request, response) {
$.ajax({
url: 'autocomplete.php',
dataType: "json",
data: {
Searchterm : request.term, //term typed in input field
radioType : $("input:radio[name=shop]:checked").val() // value of selected radio
},
success: function(data) {
response(data);
}
});
},
});