jquery add to array then submit and pass data not working

Question

My problem is: I'm trying to submit an array of hidden input types, which are stacked into an array using jquery onclick, to a PHP file. However, when I try to count or even echo the passed variable in the php file (saveTest.php), no data appears or the count variable is zero. I've searched and I found this guy's question: pass an array from jQuery to PHP (and actually go to the page after submit)

I think I'm close to the above post but I'm still a newbie in jQuery so I don't understand much of the codes. This is my jquery:

$(function(){
  $("td").click(function(){
    if($(this).hasClass("on"))
 {
    alert("Already marked absent");

 }
else
{

    $(this).addClass("on");
    var currentCellText = $(this).text();
    $("#collect").append("<input type='text' hidden = '" + currentCellText + "'/>" + currentCellText);
 }
});

$("#clicky").click(function(){
    $("td").removeClass("on");
    $("#collect").text('');
    $("#collect").append("Absentees: <br>")
});
});

<?php
session_start();
include 'connectdb.php';
$classID = $_SESSION['csID'];

$classQry = "SELECT e.csID, c.subjCode, c.section, b.subj_name, e.studentID, CONCAT(s.lname, ', ' , s.fname)name
FROM ENROLLMENT e, CLASS_SCHEDULE c, STUDENT s, SUBJECT b
WHERE e.csID = c.csID
AND c.csID = '" . $classID . "'
AND c.subjCode = b.subjCode
AND e.studentID = s.studentID
ORDER BY e.sort;";

$doClassQry = mysql_query($classQry);

echo "<table id='tableone'>";
    while($x = mysql_fetch_array($doClassQry))
    {
        $subject = $x['subj_name'];
        $subjCode = $x['subjCode'];
        $section = $x['section'];
        $studentArr[] = $x['name'];
        $studentID[] = $x['studentID'];


    }
    echo "<thead>";
    echo "<tr><th colspan = 7>" . "This is your class: " . $subjCode . " " . $section . " : " . $subject . "</th></tr>";
    echo "</thead>";
    echo "<tbody>";
    echo "<tr>";        
    for($i = 0; $i < mysql_num_rows($doClassQry); $i++)
    {
        if($i % 7 == 0)
        {               
            echo "</tr><tr><td id = '". $studentID[$i] . " '>" . $studentArr[$i] . "</td>";             
        }
        else
        {
            echo "<td id = '". $studentID[$i] . " '>" . $studentArr[$i] . "</td>";
        }

    }
    echo "</tr>";       
    echo "</tbody>";
echo "</table>";

?>

This is my php file (saveTest.php)

<?php
$absent = $_POST['absent'];
//echo "absnt" . $absent[] . "<br>";
echo count($absent);
?>

typo It's supposed to be "<input type='hidden' name = 'absent[]' value = '" + currentCellText + "'/>" — user1056998
– user1056998, Commented Nov 27, 2011 at 16:59
use Firebug to check what is actually being passed to the page — Kae Verens
– Kae Verens, Commented Nov 27, 2011 at 17:48
tried to use method="get" to see what's being passed. it seems that there is no value being passed since only saveTest.php? is showing in the address bar. help please? :) — user1056998
– user1056998, Commented Nov 28, 2011 at 1:02

Sudhir Bastakoti · Accepted Answer · 2011-11-28 00:08:35Z

0

Add name to hidden field:

 $("#collect").append("<input type='hidden' name="absent[] value= '" + currentCellText + "'/>" + currentCellText);

answered Nov 28, 2011 at 0:08

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wern Ancheta · Accepted Answer · 2011-11-30 06:18:49Z

It looks like you want to submit a javascript array to a php script and then make use of it. You can make use of .each() function to loop through all the hidden values and adding them into the array. Then use $.post to submit the array to a php script.

<script src="jquery.js"></script>
<script>
$(function(){
    $('#btn_submit').click(function(){
        var array_hidden = [];
        $('input[type=hidden]').each(function(index){
            var current_value = $.trim($(this).val());
            array_hidden[index] = current_value;
        });

        $.post('arraysubmit.php', {'hidden_array' : array_hidden}, function(data){
            $('#results').html(data);
        });
    });
});
</script>
<?php for($x=0; $x<=10; $x++){ ?>
<input type="hidden" name="name[]" value="Name<?php echo $x; ?>">
<?php } ?>
<input type="button" id="btn_submit">
<div id="results"></div>

You can then access the array in the php script using the post variable and do whatever you want with it:

$_POST['hidden_array']

Collectives™ on Stack Overflow

jquery add to array then submit and pass data not working

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related