2014-01-08 209 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); 
       } 
      }); 
     }, 
});