Javascript 克隆/添加新表单字段
现在,我想编写通用代码,处理type=url、email、tel、number和select标记 在上述代码中,第3-6行将更改为以下内容Javascript 克隆/添加新表单字段,javascript,jquery,Javascript,Jquery,现在,我想编写通用代码,处理type=url、email、tel、number和select标记 在上述代码中,第3-6行将更改为以下内容 $('a.AddNew').click(function(){ var pool = $(this).closest('.addnew'); pool.find('input[type=text]:first').clone().val('').insertAfter(pool.find("input[type=text]:last"));
$('a.AddNew').click(function(){
var pool = $(this).closest('.addnew');
pool.find('input[type=text]:first').clone().val('').insertAfter(pool.find("input[type=text]:last"));
return false
})
或
或
你的意思是这样的:
<select></select>
编辑:好的,那么:
function cloneElement(selector) {
$('a.AddNew').click(function(){
var pool = $(this).closest('.addnew');
var inputs = pool.find(selector);
inputs.first().clone().val('').insertAfter(inputs.last());
return false;
});
}
function cloneInput(type) {
return cloneElement('input[type=' + type + ']');
}
function cloneSelect() {
return cloneElement('select');
}
你想要什么还不太清楚。HTML是什么样子的?不,尽管div中的所有元素都是一种类型,但是id不知道它是哪种类型。我正在寻找一个通用代码
<input name="data[Configuration][value][]" value="neat" type="tel">
<select></select>
function cloneElement(selector) {
$('a.AddNew').click(function(){
var pool = $(this).closest('.addnew');
var inputs = pool.find(selector);
inputs.first().clone().val('').insertAfter(inputs.last());
return false;
});
}
function cloneInput(type) {
return cloneElement('input[type=' + type + ']');
}
function cloneSelect() {
return cloneElement('select');
}
$('a.AddNew').click(function(){
var pool = $(this).closest('.addnew');
var inputs = pool.find("input, select");
inputs.first().clone().val('').insertAfter(inputs.last());
return false;
});