複選框過濾搜索結果

Question

我需要過濾我的結果是這樣的：

http://www.babycarers.com/search?searchref=12935259587085&specreq=all&postcode=Postcode%2FZip+%28optional%29&country=CA&searchbutton.x=38&searchbutton.y=12

我知道我必須使用jQuery阿賈克斯。我發現像這樣的一些例子：

http://jsfiddle.net/mattball/d2v4Q/

我不想和知名度發揮。我想用PHP腳本來篩選和解析用戶的選擇。

Answer 1

我不知道你的數據庫的確切結構，但你會想要做的是使用

http://api.jquery.com/change/

檢測複選框的選擇發生變化，然後用

http://api.jquery.com/jQuery.ajax/

，所有的參數傳遞給一個單獨的PHP文件得到結果了另一個頁面，並打印出來

所以，舉個例子。

<select class="order"> 
    <option value="name">Name</option> 
    <option value="date_poster">Date Posted</option> 
</select> 

<div id="results"> 
</div> 

<script> 
    $("select.order").change(function(){ 
     var orderBy = $(this).val(); 
     $.ajax({ 
      url: "your_external_file.php", 
      data: "orderBy="+orderBy, 
      success: function(html){ 
      $("#results").append(html); 
      //Add whatever you want to do here. 
      } 
     }); 
    }); 
</script> 

雖然我沒有測試它，它應該只要你的名字正確