克隆/添加新表格字段

Question

<div class="input url required addnew" id="ConfigurationValues"> 
    <label>Bigblue</label> 
    <input name="data[Configuration][value][]" value="cool" type="text"> 
    <input name="data[Configuration][value][]" value="awesome" type="text"> 
    <input name="data[Configuration][value][]" value="neat" type="text"> 
    <div class="actions" style="padding-left:0px;"> 
    <a onclick="return FALSE;" href="#" id="AddNew">Add</a> 
    </div>           
</div> 

我想复制/克隆输入。我有下面的代码适用于文本。

$('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 
}) 

现在我想写一个广义的代码照顾type = url，email，tel，number和select标签。

在上面的代码行3-6将改变folows

<input name="data[Configuration][value][]" value="neat" type="url"> 

或

<input name="data[Configuration][value][]" value="neat" type="tel"> 

或

<select></select> 

Answer 1

你的意思是这样的：

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; 
    });