Question

I have a program that allows you to record absence when a grid is clicked 1 time. When you click it the second time, it will record the grid as late. When you click it for the third time, the status will revert to the original. I am able to append absences to a hidden field to be posted on another php. However, I can’t seem to append the late records to another hidden field. When I look at my other php file, the absence is still recorded even if it should have been removed from the list. Worst part is, nothing is being appended to the late hidden field.

I badly need help with this. Also, I hope you could explain where I made a fault so I could understand the code. Thanks!

Here’s the code: http://jsfiddle.net/Ms6FP/2/

Answer 1

A better way to do this would be to create the contents of the hidden fields on submit.

Assuming your submit button is given the id mySubmitButton and you have a hidden field with an id lateHiddenField, you can do something like:

$("#mySubmitButton").submit(function(){
  $(".late").each(function(index,value){  //iterate through each late student
    //append the late student's name
    $("#lateHiddenField").text($("#lateHiddenField").text()+value.text()+"\n");
  })

  //do the same for the absent students
}

The advantages are:

• Faster processing- this only runs once
• Simpler code- you don’t have
  to revise anything