Jquery .append()对我的html不起作用 - jquery .append() not working for my html

jquery .append() not working for my html

我有一个程序，使用jquery将输入(type="hidden")附加到html，以便当我单击提交按钮时，它将值传递给php文件，我可以处理它。然而，隐藏类型似乎并没有真正附加到html中，也没有传递给php文件。我已经用method="get"来查看地址栏中的值，用print_r来查看被捕获的值，但是什么也没有。为了检查我的表单是否真的传递了一个值，我添加了一个

<input type="hidden" name="absent[]" value="testing" />

HTML中的

和值被传递，但jquery中的值没有。

以下是我的文件:jquery:

$(function(){
  $("td").click(function(){
 if($(this).hasClass("on"))
 {
    alert("Already marked absent");
 }
else
{
    $(this).addClass("on");
    var currentCellText = $(this).text();
    var temp = $(this).attr('id');
    $("#collect").append("<input type='hidden' name='absent[]' value = '" + temp + "'/>" + currentCellText);
    alert(temp);
 }
  });
$("#clicky").click(function(){
    $("td").removeClass("on");
    $("#collect").text('');
    $("#collect").append("Absentees: <br>")
    alert(temp);
});
});

html部分:

<?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>";
?>

这是html部分的形式:

<form name="save" action="saveTest.php" method="post">
<div id="submitt">
    <input type="hidden" name="absent[]" value="testing"/>
    <input type="submit" value="submit"/>
</div>
</form>

下面是处理表单(saveTest.php)的php部分:

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

id为collect的元素是否在表单内?它必须是。

$("<input type='hidden' name='absent[]' />").val(temp)
                                            .appendTo('form[name="save"]');
$('#collect').append(currentCellText);

效果很好。

$("body").delegate("#editorjs_menu_list ul li a", "click", function(e){
   e.preventDefault();
   $(this).toggleClass("active");
});