使用 jQuery 将隐藏的表单表行添加到带有变量的表单末尾

Add hidden form table row to end of form with variable for many tables with jQuery

本文关键字：表单 变量 jQuery 隐藏 使用 添加      更新时间：2023-09-26

我已经成功地使用此代码从隐藏行向表中添加了一行。

$(document).ready(function($) {
$("#dispadd").click(function(event) {
    event.preventDefault();
    $('#hiddenrow')
        .clone()
            .removeAttr('id')
            .show()
            .appendTo( $('#table1').after().show() 
        );
    });
});

这是我的"添加"按钮代码。

<img src="images/plus.png"  style="cursor:pointer " title="Add" id="dispadd" >

我的问题是我在这个特定的页面上有很多表格和表单，所以我需要使用传递给上述代码的变量来允许 MULTITUDE，但我对 JQUERY 不够了解，无法完成它...... 不知何故，我需要将这些参数添加到脚本中，以便它可以用于所有情况。

"添加"按钮现在的 id 是静态的"dispadd"，但我想将其作为 dipAdd（一个变量）传递给脚本"隐藏行"的 id 现在是静态的"隐藏行"，但我想将其作为 hiddenRow（变量）传递给脚本表的 id 现在是静态的，作为"table1"，但我想将其作为 tableVar（一个变量）传递给脚本。

请帮助我修改此脚本以接受这些变量。提前感谢您的所有帮助和考虑。汤姆先生

我不确定这是否正是您想要的，但请尝试以下操作：

<img src="images/plus.png"  style="cursor:pointer " title="Add" id="1" onclick="dispadd(this.id)">

然后

function dispadd(id, event) {
event.preventDefault();
$('#hiddenrow')
    .clone()
        .removeAttr('id')
        .show()
        .appendTo( $('#table'+id).after().show() 
    );
});

如果这不是您想要的，请告诉我，因为这似乎很容易解决。

如果你想将元素作为变量传递，你可以做这样的事情，不确定这是否有帮助

function(dipAdd,hiddenRow)
{
$("#" + dipAdd).click(function(event) {
    event.preventDefault();
    $('#' + hiddenRow)
        .clone()
            .removeAttr('id')
            .show()
            .appendTo( $('#table1').after().show() 
        );
    });
}
相关文章：