Thứ Tư, 20 tháng 3, 2024

Tìm kiếm giá sản phẩm JS

 

**** HTML

<div class="wpfFilterContent">

<div class="wpfCheckboxHier price-global">

<ul class="wpfFilterVerScroll">

<li data-range="0,100000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox"> 

</span>

<span class="paysre">Giá dưới 100.000đ</span>

</li>


<li data-range="100000,199000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox" checked=""> 

</span>

<span class="paysre">100.000đ - 199.000đ</span>

</li>


<li data-range="200000,300000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox">

</span> 

<span class="paysre">200.000đ - 300.000đ</span>

</li>


<li data-range="300000,500000000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox">

</span> 

<span class="paysre">Giá trên 300.000đ</span>

</li>

</ul>

</div>

</div>


**** JS:

$("ul.wpfFilterVerScroll > li").click(function(e) {

var str = $(this).attr("data-range");

var res = str.split(",");

var link = "?min_price="+res[0]+"&max_price="+res[1];

window.location.href = link;

// $(".wpfFilterVerScroll").load("/modules.php?name=Shoping&op=display_tam&min_price="+res[0]+"&max_price"+res[1]);

// window.location="?min_price="+res[0]+"&max_price="+res[1];

// window.location = link;

});

**** Code PHP

echo'<div class="danhmuc-titledefault">Mức giá"</div>';

echo'<div class="wpfFilterContent">';

echo'<div class="wpfCheckboxHier price-global">';


echo'<ul class="wpfFilterVerScroll">';


$link =  "http://".$_SERVER[HTTP_HOST]."".$_SERVER[REQUEST_URI];

preg_match('/min_price=(.+)&max_price=(.+)/',$link,$match);


switch ($match[2]) {

case '100000':

$checked ="checked";

break;

case '199000':

$checked2 ="checked";

break;


case '300000':

$checked3 ="checked";

break;


case '500000000':

$checked4 ="checked";

break;

}


echo'

<li data-range="0,100000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox" '.$checked.'> 

</span>

<span class="paysre">Giá dưới 100.000đ</span>

</li>


<li data-range="100000,199000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox" '.$checked2.'> 

</span>

<span class="paysre">100.000đ - 199.000đ</span>

</li>


<li data-range="200000,300000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox" '.$checked3.'>

</span> 

<span class="paysre">200.000đ - 300.000đ</span>

</li>


<li data-range="300000,500000000">

<span class="wpfCheckbox">

<input type="checkbox" name="checkbox" '.$checked4.'>

</span> 

<span class="paysre">Giá trên 300.000đ</span>

</li>

</ul>

</div>';

echo'</div>';  

Không có nhận xét nào:

Đăng nhận xét