2014-01-08 63 views
0

我有用于搜索项目或商店的自动完成文本框。此搜索文本框下方还有两个单选按钮,分别命名为商店和另一个是商品。 默认情况下,在页面加载时检查商店。当用户尝试输入搜索文本框时,请求将发送到一个PHP页面,该页面触发数据库查询以在文本框中显示自动填充搜索结果。这工作正常,但我想实现的是当商店单选按钮被选中时,它应该获得商店的数据,而当项目被选中时,它应该得到项目的细节。 目前尚未发生。请指教。PHP中的jQuery自动完成功能

我的代码:

$(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 
     }); 
    } 
}); 

}); 

回答

0

尝试创建一个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); 
       } 
      }); 
     }, 
});