[英]How can I remove clone HTML JQuery
I'm just a beginner I want to create button for remove clone but I can't. 我只是一个初学者,我想创建用于删除克隆的按钮,但我不能。 This is my code but it isn't work.
这是我的代码,但是不起作用。 Please help me to know where did I wrong.
请帮助我知道我在哪里做错了。
PS. PS。 Sorry for my poor English
对不起,我英语不好
HTML HTML
<div class="docu">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-lg-7" id="Freport" name="Freport">
<div class="input-group">
<div class="input-group-btn">
<select name="tell" id="tell" class="btn btn-default dropdown-toggle">
<option value="0"></option>
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
</div><!--End row-->
<input type="text" class="form-control" aria-label="..." placeholder="...">
</div><!-- /btn-group -->
</div><!-- /input-group -->
<div class="col-sm-1">
<button type="submit" id="btnClonereport"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></button>
<button type="submit" id="btnDelreport"><span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span></button>
</div>
<div id="container4">
</div>
JS This is my script I can clone but I can't remove clone. JS这是我可以克隆的脚本,但不能删除克隆。
<script type="text/javascript">
$(function () {
$("#btnClonereport").bind("click", function () {
var index = $("#container4 select").length + 1;
//Clone the DropDownList
var fre = $("#Freport").clone();
var fre2 = $("#orand").clone();
//Set the ID and Name
fre.attr("id", "Freport_" + index);
fre.attr("name", "Freport_" + index);
fre2.attr("id", "orand_" + index);
fre2.attr("name", "orand_" + index);
//[OPTIONAL] Copy the selected value
var selectedValue = $("#Freports option:selected").val();
fre.find("option[value = '" + selectedValue + "']").attr("selected", "selected");
var selectedValue = $("#orands option:selected").val();
fre2.find("option[value = '" + selectedValue + "']").attr("selected", "selected");
//Append to the DIV.
$("#container4").append(fre2);
$("#container4").append(fre);
$("#container4").append("<br /><br />");
});
$("#btnDelreport").bind("click", function(){
$(this).closest("#container4").remove();
});
});
</script>
So you want to remove all form clones? 因此,您要删除所有表单克隆吗? Try this for your delete button action:
尝试以下操作以执行删除按钮操作:
EDIT: If you want to remove the last occurance, that makes things much simpler. 编辑:如果您想删除最后一次出现,那会使事情变得简单得多。
$("#btnDelreport").bind("click", function(){
$('#container4').children('.col-lg-7').last().remove();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.