Jquery:在单击时附加/删除隐藏字段上的元素

Question

我有一个程序可以让您在单击 1 次网格时记录缺席情况。当您第二次单击它时，它会将网格记录为迟到。当您第三次点击它时，状态将恢复到原来的状态。我能够将缺席附加到隐藏字段以发布在另一个 php 上。但是，我似乎无法将迟到的记录附加到另一个隐藏字段。当我查看我的其他 php 文件时，即使它应该从列表中删除，仍然会记录缺席。最糟糕的是，没有任何内容被附加到后期隐藏字段。

我非常需要这方面的帮助。另外，我希望你能解释我哪里出错了，这样我才能理解代码。谢谢!

这是代码:http://jsfiddle.net/Ms6FP/2/

Answer 1

更好的方法是在提交时创建隐藏字段的内容。

假设您的提交按钮的 ID 为 mySubmitButton，并且您有一个 ID 为 lateHiddenField 的隐藏字段，您可以执行如下操作:

$("#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
}

优点是:

• 处理速度更快——只运行一次
• 更简单的代码——你没有 修改任何内容