htmlで<input type="file">に値が入った時に別の<input type="file">を作る方法はありますか。

Question

htmlで<input type="file">に値が入った時に別の<input type="file">を作り、作った<input type="file">が入力されるとまた新しい<input type="file">が作られる、そのような処理が無限に続く方法はありますか。
新しく作られる<input type="file">の名前は「１，２，３」のように連番にしたいのですが、htmlにはそんな方法はありますか。
また、javascriptでの実装なら参考になるようなサイトを教えていただけますか。

Answer 1

jQueryで申し訳ありませんが、単純にchangeイベントで

$(":file:last").after("<input type='file'>"); 

として追加すればよいかと思います。連番は、どのような形式になるかで変わると思いますが、
適当に

var nam = $(":file").length;

でinput要素の数が得られるので計算で求められると思います。

---

【追加】

	<form id="form1" action="">
		<label for="file_1">1:</label><input type="file" name="file_1">
	</form>

 $(function() {
	$("#form1").on("change",function() {
		var num = $(":file").length + 1;
		$(":file:last").after(
				"<br><label for='file_"
				+ num
				+ "'>"
				+ num
				+ ":</label><input type='file' name='file_"
				+ num
				+ "'>");
	});
});

こんな感じでしょうか。

Comments

[aaaaaaaaaaaaaa]

ありがとうございます。
参考になりました。