排序tr后表格序列化不起作用

时间:2017-02-03 06:52:39

标签: javascript php jquery html ajax

这是html格式的表数据:

<table>
    <thead>
        <form id="filterForm">
        </form>
    </thead>
    <form id="studentsForm">
        <tbody>
            <tr class="sorted">
                <td><span class="selected">WAHEED</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="selected">DON</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="rejected">JACK</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="selected">MARK</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="rejected">GATEES</span</td></tr>
      </tbody>
    </form>
</table>

这是ajax过滤器响应后的排序javascript。

var rows = document.querySelectorAll('table tbody tr.sorted');
for (i = 0; i < rows.length; i++) {
    if (rows[i].querySelector('span.rejected')) {
        rows[i].closest('tbody').appendChild(rows[i]);
    }
}

所以当排序完成后,学生将会像这样选择所有选项,而不是在底部选择:

<tbody>
    <tr>
        <td><span class="selected">WAHEED</span></td>
    </tr>
    <tr>
        <td><span class="selected">MARK</span></td>
    </tr>
    <tr>
        <td><span class="selected">DON</span></td>
    </tr>
    <tr>
        <td><span class="rejected">JACK</span></td>
    </tr>
    <tr>
        <td><span class="rejected">GATEES</span></td>
    </tr>
</tbody>

我的问题是,当我提交表格数据时没有进行测试数据是正常的但是当我提交表格时,排序它的表格的序列化不起作用我的每个<tr>

<input type="text" class="overrideStudentcomment"  name="comment[<?php echo $gdScoreData['student_pid']; ?>]">

我认为排序中存在无法纠正的问题。可能是附加形式正在进行 谁能帮帮我..?

0 个答案:

没有答案