复选框过滤搜索结果

Question

我需要像这样过滤我的结果：

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

我知道我必须将 jQuery 与 Ajax 一起使用。我发现了一些像这样的例子：

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>

虽然我没有测试过，但只要你正确命名文件，它应该可以工作