gpt4 book ai didi

javascript - 单击 jquery 中的按钮后动态添加新行

转载 作者:行者123 更新时间:2023-11-30 08:41:08 24 4
gpt4 key购买 nike

我必须创建一个可以在单击按钮后动态添加行的表单,下面是代码。所以基本上我想在单击下一行中的 btAdd 按钮后使用 id="ADD" 克隆该行。

不知道在append函数里面加什么?我尝试了一些方法,但没有用。提前致谢。

$(document).ready(function(){
$("#btAdd").click(function(){
$("#ADD").append(" ");
});
});
    </script>
</head>
<body>
<h1></h1>
<div id = "myDiv">
<form name="form1">
<table border='1' width='700' align="center" cellpadding='5' cellspacing='10'>
<tr>
<th>Place configuration here</th>
</tr>
<tr>
<td>Server Url: <input type="text" name="surl" id="surl"></td>
</tr>
<tr>
<td>
Filter Name: <input type="text" name="fname"id="fname">
Filter Type
<select name="operation">
<option value="text">Text</option>
<option value = "List">List</option>
</select>
</td>
</tr>
<tr id="ADD">
<td>
Filter Options: <input type="text" name="foptions"id="foptions">
<input type="button" name="ADDb" value="+" id="btAdd">
</td>
</tr>
<tr>
<td>
Filter Label: <input type="button" name="filterb" id="filterb" value="Add Filter" onclick="showData();">
</td>
</tr>
<tr>
<td><input type="button" name="submitb" id="submitb" value="Submit"></td>
</tr>
</table>
</form>
</div>
</body>
</html>

最佳答案

尝试一下:

$("#btAdd").click(function(){
$("#ADD").clone().removeAttr("id").insertAfter("#ADD");
});

关于javascript - 单击 jquery 中的按钮后动态添加新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26271863/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com