Question

我有一个jQuery按钮，每按一次将下面的输入附加到表单。我的问题是我需要一种方法来为jQuery生成的新输入提供名称属性（数字）。

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

Answer 1

每次单击#button获取最后一个输入并设置新名称属性。然后将新的input元素追加到表单中：

$('#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>

jQuery - Onclick追加表单输入并指定名称属性

1 个答案: