构建过滤侧边栏和搜索框

时间:2018-03-20 20:43:20

标签: javascript php

我想构建过滤侧边栏和搜索框。我的问题是,我不能让它同时运行搜索框和过滤项目。我希望你能帮助我吗? 我认为,主要问题在于我的脚本" 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>

0 个答案:

没有答案