在我的CodeIgniter视图中,有一个包含下拉框和文本框的
,还有一个“添加更多”按钮。 我的任务是在单击“添加更多”按钮时复制整个
,并且当我提交表单时,需要从原始
和复制的
获取字段值。如何完成这项任务?我尝试使用 jQuery clone方法复制
。 但是没有找到解决方案。
这是我迄今为止尝试过的代码:
这是我迄今为止尝试过的代码:
<?php echo form_open("vehicle/addparts");?>
<div class="row" id="addparts">
<div class="col-md-6">
<div class="form-group">
<select class="form-control input-medium" name="parts">
<option value="">select disabled>Select Parts</option>
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label">Quantity</label>
<input type="text" name="partsquantity" id="partsquantity">
</div>
</div>
</div>
<div class="row">
<input type="button" name="addmore" value="Add More" onClick="duplicate">
</div>
<?php echo form_close();?>
Javascript:
<script>
function duplicate() {
var original = document.getElementById('addparts');
var clone = original.cloneNode(true);
clone.id = "duplic";
document.bodey.append(clone);
}
</script>
document.bodey.append(clone);
应该是document.body.append(clone);
如果你要在 body 中添加代码的话。但是你的代码可能不会按照你的预期工作。 - MutantMahesh