我正在使用 ajax/jquery 和 php/mysql 开发过滤器功能。我有两组复选框1)=>for Regions 2)=>for Localities。过滤器类似于这里的那个。我想发送两个复选框的值来过滤记录。地方的过滤器将在选择区域复选框时进行本地过滤。我已经让它在某种程度上工作这在第一组中调用复选框。
html
<div class="locality">
<input type="checkbox" id="checkbox1" class="checkbox1" value="<?php echo $suburb['suburb_name']?>" name="Suburb_check[]" onClick="changeResults();" onChange="" ><?php echo $suburb['suburb_name']?> <span class="grey">(<?php echo $suburb['total']?>)</span>
</div>
<?php }?>
Javascript/Jquery
function changeResults(){
var data = { 'venue[]' : []};
$("input:checked").each(function() {
var chck1 = $(this).val();
//alert(chck1);
data['venue[]'].push($(this).val());
});
$.ajax({
type : 'POST',
url : 'process.php',
data : data,
success : function(data){
$('#project_section').html(data); // replace the contents coming from php file
}
});
$.ajax({
type : 'POST',
url : 'loadLocality.php',
data : data,
success : function(data){
document.getElementById("searchLoader").style.display = 'block';
$('#localityList').html(data); // replace the contents coming from php file
// alert(data);
document.getElementById("searchLoader").style.display = 'none';
}
});
}
这是第二组带有 Localities 的检查框
<div class="locality" id="localities">
<input type="checkbox" onClick="changeLocality();" id="1" value="<?php echo $locality['locality_name'];?>" name="Locality_check[]"><?php echo $locality['locality_name'];?> <span class="grey">(<?php echo $locality['total'];?>)</span>
</div>
我调用了一个与上述类似的函数并将其发布到不同的页面。这是第二个检查框功能：
function changeLocality(){
var dataLocality = {'locality[]' : []};
$("input:checked").each(function() {
var chcklocal = $(this).val();
//alert(chcklocal);
dataLocality['locality[]'].push($(this).val());
});
$.ajax({
type : 'POST',
url : 'processLocality.php',
data : dataLocality,
success : function(dataLocality){
// document.getElementById("newloader").style.display ="block";
$('#project_section').html(dataLocality); // replace the contents coming from php file
//alert('data');
// document.getElementById("newloader").style.display ="none";
}
});
}
但是，当我选择一个区域框，然后选择一个位置框，然后取消选择该区域时，我还得到了区域数组中的先前位置值（数组的名称是场地）我只希望区域进入场地数组和区域+localities 在位置数组中。实际上，如果我取消选择区域，则后续位置值也应该从数组中删除。此外，即使我将它们发布到不同的页面，区域页面也会保存位置值。我被卡住了JQUERY知识。
浏览了帖子，但无法修复它。任何帮助将不胜感激。
编辑 当我检查第一组检查框时，我得到一个数组，并且还使用上述函数过滤记录。
Array
(
[venue] => Array
(
[0] => Pune East
[1] => Pune West
[2] => Pune North
[3] => Pune South
)
)
如果我现在单击第二组检查框中的任何一个，我会得到一个此类数组。
Array
(
[locality] => Array
(
[0] => Pune East
[1] => Pune West //[0] and [1] are regions
[2] => Aundh
[3] => Kalyaninagar //[2] and [3] are localities
)
)
注意：一个区域可以有多个位置。但我希望它们都是不同的数组，因为它们是用于过滤数据的 SQL 查询的两个不同参数。希望我现在足够清楚！
我的方法正确吗？或者可以以更简单的方式完成吗？
谢谢