gpt4 book ai didi

jquery 向表中添加行

转载 作者:太空宇宙 更新时间:2023-11-04 15:35:05 25 4
gpt4 key购买 nike

我正在尝试获取动态创建的新行以添加到表中,但我做不到。我发现此示例具有添加行和删除行功能。但它没有用。知道为什么不这样做吗?事情看起来就在这里...

<html>
<head>
<title>Test JS</title>

<script src="jquery-1.7.2.js" type="text/javascript">
<!-- jQuery Code will go underneath this -->
$('.add').live('click',function(){
$(this).val('Delete');
$(this).attr('class','del');

var appendTxt = "<tr><td><input type="text" name="input_box_one[]" /></td><td><input type="text" name="input_box_two[]" /></td><td><input class="add" type="button" value="Add More" /></td></tr>";
$("tr:last").after(appendTxt);
});
</script>

</head>
<body>

<table id="options-table">
<tbody>
<tr>
<td>Input-Box-One</td>
<td>Input-Box-Two</td>
<td></td>
</tr>
<tr>
<td><input type="text" name="input_box_one[]" /></td>
<td><input type="text" name="input_box_one[]" /></td>
<td><input class="del" type="button" value="Delete" /></td>
</tr>
<tr>
<td><input type="text" name="input_box_one[]" /></td>
<td><input type="text" name="input_box_one[]" /></td>
<td><input class="add" type="button" value="Add More" /></td>
</tr>
</tbody>
</table>

</body>
</html>

请帮忙,我需要这个工作以避免界面困惑...我知道这里的论坛中有很多示例,但似乎没有一个有效。我在同一个文件夹中也有 jquery.js 文件我有包含上面显示的相同代码的 .php 文件

最佳答案

您在 var appendTxt 中使用双引号。将双引号更改为单引号即可。

var appendTxt = "<tr><td><input type='text' name='input_box_one[]' /></td><td><input type='text' name='input_box_two[]' /></td><td><input class='add' type='button' value='Add More' /></td></tr>";

检查这个 fiddle http://jsfiddle.net/4LcgA/

像这样更改你的代码

<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$('.add').live('click',function(){
$(this).val('Delete');
$(this).attr('class','del');
var appendTxt = "<tr><td><input type='text' name='input_box_one[]' /></td><td><input type='text' name='input_box_two[]' /></td><td><input class='add' type='button' value='Add More' /></td></tr>";

$("tr:last").after(appendTxt);
});
</script>

关于jquery 向表中添加行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9884506/

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