Javascript 使用jQuery添加/删除输入框-添加的输入框复制第一个输入框的值
我这里有一个半工作的JSFIDLE:我在这个网站的帮助下,用以下代码组合起来: HTMLJavascript 使用jQuery添加/删除输入框-添加的输入框复制第一个输入框的值,javascript,jquery,html,css,jsp,Javascript,Jquery,Html,Css,Jsp,我这里有一个半工作的JSFIDLE:我在这个网站的帮助下,用以下代码组合起来: HTML <div class='Option'><input type='text' name='txtTest1'/><input type='text' name='txtTest2'/><input type='text' name='txtTest3'/> <span class='Delete'><input id="Delete" cla
<div class='Option'><input type='text' name='txtTest1'/><input type='text' name='txtTest2'/><input type='text' name='txtTest3'/> <span class='Delete'><input id="Delete" class="button_text" type="submit" name="submit" value="Delete" /></span></div>
<br/><br/>
<span class='Add'><input id="Add" class="button_text" type="submit" name="submit" value="Add" /></span>
如果在第一个输入框中有文本,并且使用“添加”按钮添加了另一行输入框,则会添加一行新的输入框,但这些新框的内容会模仿第一组框的内容。有没有办法生成一组空白输入框,即使第一组框中有值?我在jQueryAPI中搜索了clone()和其他一些方法,但没有找到任何适合我的方法
是否有办法在创建最后一组输入框后甚至清除它们的值?还是只生成一组没有值的空白框
$(function(){
$('.Delete').live('click',function(e){
$(this).parent().remove();
});
$('.Add').live('click',function(e){
$('.Option:last').after($('.Option:first').clone()
.find("input:text").val("").end());
});
});
$(function(){
$('.Delete').live('click',function(e){
$(this).parent().remove();
});
$('.Add').live('click',function(e){
$('.Option:last').after($('.Option:first').clone()
.find("input:text").val("").end());
});
});