在表中添加新行

可能重复:
在jQuery中添加表格行

我想在更改事件的表格中添加一个新行。 这是我到目前为止:

$('#CourseID').change(function() {
    $('#CourseListTable > tr > td:last').append('<td>...</td>');
});

这是我的桌子:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>    
<table id="CourseListTable">
    <tr>
        <th>Course ID</th>
        <th>Course Section</th>
        <th>Level</th>            
    </tr>
    <tr>
        <td><select name="CourseID" id="CourseID"></select></td>
        <td><select name="CourseSection" id="CourseSection"></select></td>
        <td><select name="Level" id="Level"></select></td>            
    </tr>
</table>

我无法得到这个工作。 我错过了这里的任何东西,任何人都可以让我知道我的错误在哪里?

提前致谢。


你提到追加行,但在你的代码中,你只追加单元格。

如果您需要实际追加一整行,请尝试以下操作:

$('#CourseID').change(function() {
    $('<tr/>').append('<td>...</td>').insertAfter('#CourseListTable tr:last');
});

这一行:

$('#CourseListTable > tr > td:last').append('<td>...</td>');

将TD( <td>...</td> )附加到现有TD( td:last ); 你想把它附加到TR上,例如。

$('#CourseListTable > tr').append('<td>...</td>');

当然,你提到想添加一个新行,在这种情况下你不应该追加一个<td> ,你应该追加一个<tr> (显然,你应该把它附加到表中)。


$('#CourseID').change(function() {
    $('#CourseListTable > tbody > tr:eq(1)').append('<td>...</td>');
});
链接地址: http://www.djcxy.com/p/22963.html

上一篇: add a new row in a table

下一篇: Search engines and in