-6ren">
gpt4 book ai didi

javascript - 单击按钮后克隆整个表单元素

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

我有以下表格

<form action="" class="form-horizontal">
<div id="wrapper">
<div class="row-fluid">
<div class="span6">
<div class="control-group">
<label class="control-label"><?=$core->l("default_comm_type");?></label>
<div class="controls">
<select id="fld_default_comm_type" name="fld_default_comm_type[]" defaultValue="-1" class="m-wrap span10" field="fld_default_comm_type" appEditor="true">
<?=combo_creator::render_default_comm_types()?>
</select>
</div>
</div>
</div>
<div class="span4 checkerAlign">
<div class="control-group">
<div class="controls">
<?=$core->l("is_active");?>
</div>
</div>
</div>
<div class="span2 checkerAlign"><input type="checkbox" name="fld_active[]" id="fld_active" editType="booleanEdit" appEditor="true"/></div>
</div>
<div><a href="#" id="addMore">Add Row</a></div>
</div>

问题是当用户点击添加行按钮时,我需要在里面创建这个表单元素的副本

<div id="wrapper">

我该怎么做?

编辑:已解决

<form action="" class="form-horizontal" id="wrapper">
<div class="row-fluid">
<div class="span6">
<div class="control-group">
<label class="control-label"><?=$core->l("default_comm_type");?></label>
<div class="controls">
<select id="fld_default_comm_type" name="fld_default_comm_type[]" defaultValue="-1" class="m-wrap span10" field="fld_default_comm_type" appEditor="true">
<?=combo_creator::render_default_comm_types()?>
</select>
</div>
</div>
</div>
<div class="span4 checkerAlign">
<div class="control-group">
<div class="controls">
<?=$core->l("is_active");?>
</div>
</div>
</div>
<div class="span2 checkerAlign"><input type="checkbox" name="fld_active[]" id="fld_active" editType="booleanEdit" appEditor="true"/></div>
</div>
<a href="#" id="addMore">add</a>
</form>

在Js部分:

jQuery("#addMore").click(function(){
var contents = jQuery("form").html();
jQuery("#wrapper").append(contents);
});

单击添加时,它会按照我的意愿插入表单元素单击删除时,它会删除元素。谢谢你们的提示家伙问题解决了!谢谢大家。

最佳答案

我认为你需要复制 (row-fluid) 的内容,而不是整个 (Wrapper) 的内容,这应该让你添加更多的原始行单击 AddMore 链接时的表单模板。

这是对@user2389688 建议的解决方案的编辑:

$("#addMore").click(function(){   
$(".row-fluid:last").clone().appendTo(".wrapper");
});

JsFiddle 链接: http://jsfiddle.net/tCY8v/1/

关于javascript - 单击按钮后克隆整个表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19638627/

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