jQuery - OnClick添加表單輸入並分配名稱屬性

Question

我有一個jQuery按鈕，每次按下後將輸入附加到表單。我的問題是我需要一種方法來給jQuery產生的新輸入提供名稱屬性（數字）。

1: <input type="file"> 
2: <input type="file"> 
3: <input type="file"> 
4: <input type="file"> 

Answer 1

每次點擊#button獲取最後一個輸入並設置新的名稱屬性。然後追加新的輸入元素的形式：

$('#button').on('click', function() { 
 
    var form = $('#form'); 
 
    var num = parseInt(form.find('input:last-of-type').attr('name')) + 1; 
 
    form.append('<input type="file" name="' + num + '" />'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="file" name="1" /> 
 
</form> 
 

 
<button id="button">Add new</button>