Javascript 构建过滤侧栏和搜索框

Javascript 构建过滤侧栏和搜索框,javascript,php,Javascript,Php,我想建立过滤边栏和搜索框。我的问题是,我不能让它同时运行搜索框和过滤项目。我希望你们中有人能帮助我吗? 我认为,主要问题在于我的脚本“var s”php参数中,我从中获取城市信息 让我们看看我这么做是为了什么 这是我的剧本 <script> $(function(){ $('.item_filter').change(function(){ var p = multiple_values('p'); var s ='<?php echo $_POST["

我想建立过滤边栏和搜索框。我的问题是,我不能让它同时运行搜索框和过滤项目。我希望你们中有人能帮助我吗? 我认为,主要问题在于我的脚本“var s”php参数中,我从中获取城市信息 让我们看看我这么做是为了什么

这是我的剧本

<script>

 $(function(){
 $('.item_filter').change(function(){   
 var p   = multiple_values('p');
 var s   ='<?php echo $_POST["search"]; ?>';

 var url ="product.php?product=<?php echo 
 htmlentities($_GET['product']) ?>&s="+s+"&b="+b+"&p="+p;
 window.location=url;
 });

 });


 function multiple_values(inputclass){
 var val = new Array();
 $("."+inputclass+":checked").each(function() {
 val.push($(this).val());
 });
 return val.join('-');
  }

</script>


Search Box

 <form class="search" name="search" method="POST" 
 action="product.php?product=<?php echo 
 ''.htmlentities($_GET['product']).''; ?>" >

    <a href="javascript:void(0);"><input  id="small_search"  
   name="searchTerm" class="item_filter s" <?php { echo "checked"; } ?> 
   list="local"  /></a>

        <?php
            while($row = mysqli_fetch_assoc($result)){
                $local = ($row['local']); ?>
        <a href="javascript:void(0);" target="_blank"><input type="submit"  
         id="small_search_btn"  value="Search"></a >
            <datalist id="local">
            <option value="<?php echo ''.htmlentities($row['local']).'';  ? 
          >"></option>

        <?php } ?>
    </form >


   **Filtering **

   <div class="list-group" style="font-size:14px;">
   <h4 style="font-size:16px; font-weight: bold; color:black;"> 
   </h4>

   <?php 

    some sql statement..
     ?>

    <a href="javascript:void(0);" class="list-group-item" 
    id="left_filtering" >  
    <label >
    <input type="checkbox" class="item_filter b" value="<?php echo 
    htmlentities($row['brand']); ?>" <?php if(in_array($row['brand'],$b 
   {echo "checked"; } ?> >&nbsp;&nbsp; <?php echo ucfirst($row['brand']); 
   ?></a>

   </label>
   <?php } ?>  

 </div>

$(函数(){
$('.item_filter')。更改(函数(){
var p=多个_值(“p”);
var s='';
var url=“product.php?product=&s=“+s+”&b=“+b+”&p=“+p;
window.location=url;
});
});
函数多个_值(inputclass){
var val=新数组();
$(“+inputclass+”:选中)。每个(函数(){
val.push($(this.val());
});
返回val.join('-');
}
搜索框