我有一个文件,我需要使用克隆按钮进行克隆,并删除按钮以仅删除克隆的文件 我制作了这个简单的脚本,但我认为它包含一些错误,因为它不起作用:)
HTML
<form method="post">
<div id="fileds">
<select name="lang" id='lang'>
<option>select language</option>
</select>
</div>
</form>
<div class="actions">
<button class="clone">Clone</button>
<button class="remove">Remove</button>
</div>
JS
$(function(){
var regex = /^(.*)(\d)+$/i;
var cloneIndex = $("#lang").length;
$("button.clone").live("click", function(){
$(this).parents("#lang").clone()
.appendTo(".fileds")
.attr("id", "lang" + cloneIndex)
.find("*").each(function() {
var id = this.id || "";
var match = id.match(regex) || [];
if (match.length == 3) {
this.id = match[1] + (cloneIndex);
}
});
cloneIndex++;
});
});
我也没有找到如何为删除按钮编写删除代码
谢谢
最佳答案
1) #lang
不是 .clone
的父级
2) .fields
应该是 #field
和 ID
这段代码应该可以工作。直播Demo
$(function() {
var counter = 1;
$(".clone").live("click", function() {
$("#lang:first").clone().appendTo("#fileds").addClass("lang" + counter);
counter++
});
$(".remove").live('click', function() {
if (counter > 1) { //Only apply if the lang field is more than 1
counter = counter - 1;
$("#lang:last").remove();
}
});
});
关于javascript - jquery克隆表单单个字段并增加id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11355708/