使用javascript中的onclick函数动态添加行

时间:2011-04-26 04:20:13

标签: javascript jquery

我在某些onclick函数中有一个任务。我有一个表,其中每列包含一个下拉列表或文本框。其中一列包含一个按钮。如果我点击该按钮,下拉列表行,包含添加按钮的文本框必须动态添加为下一行。我可以这样做吗?这将是更好的javascript或jquery..plz帮助我..

2 个答案:

答案 0 :(得分:2)

您可以尝试以下

在该行的onclick中添加以下函数

function cloneRow(event){
    var tar_ele;
    if ($.browser.msie) {
    // IE takes SRCELEMENT for event source.
    // may the force shred IE.
        tar_ele = $(event.srcElement);
    } else {
        tar_ele = $(event.target);
    }
   // Now take the parent of the clicked item as the item is a button in a row 
    var row = tar_ele.parent();
   // Now clone the row and add it to the parent.
    row.clone().appendTo(row.parent());
}

希望这有帮助。

答案 1 :(得分:0)

你可以试试这个:

$('button-id').click(function() {
     $('container-id').after('<input /><select />');
});

类似的东西,你会在容器或桌子的末尾添加一个带输入和选择框的新行。