Hello,
My HTML+JS :
<head>
<script type="text/javascript">
function passList() {
var p=[];
$('input.first').each( function() {
if($(this).attr('checked')) {
p.push($(this).attr('rel'));
}
} );
$.ajax( {
url:'process.php',
type:'POST',
data: {list:p},
success: function(res) {
$("#result").html(res);
}
});
}
function passType() {
var q=[];
$('input.second').each( function() {
if($(this).attr('checked')) {
q.push($(this).attr('rel'));
}
} );
$.ajax( {
url:'process.php',
type:'POST',
data: {type:q},
success: function(res) {
$("#result").html(res);
}
});
}
</script>
</head>
<body>
<input type="checkbox" class="first" rel="list1" onclick="passList()">list1<br />
<input type="checkbox" class="first" rel="list2" onclick="passList()">list2<br />
<input type="checkbox" class="first" rel="list3" onclick="passList()">list3<br />
<input type="checkbox" class="first" rel="list4" onclick="passList()">list4<br />
<br><br><br>
<input type="checkbox" class="second" rel="type1" onclick="passType()">type1<br />
<input type="checkbox" class="second" rel="type2" onclick="passType()">type2<br />
<input type="checkbox" class="second" rel="type3" onclick="passType()">type3<br />
<br><br><br>
<div id="result"> </div>
</body>
I am able to get the value in the div "result" thru the following script :
if(isset($_POST['list']) && !isset($_POST['type'])) {
foreach ($_POST['list'] as $list) {
echo "this is $list<br />";
}
}
else if(!isset($_POST['list']) && isset($_POST['type'])) {
foreach ($_POST['type'] as $type) {
echo "type is : $type<br />";
}
}
else if(isset($_POST['list']) && isset($_POST['type'])) {
foreach ($_POST['list'] as $list) {
echo "Showing ads for $list<br />";
foreach ($_POST['type'] as $type) {
echo "type is : $type<br />";
}
}
}
But i get the value of either the list or the type.
I want to be able to get the value of both at the same time. I dont want to use a <form>.
Please help.
Thank you.