ファイルアップロードページ制御で、削除コードを動的に追加します.
1573 ワード
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<script type="text/javascript">
function more(){
var td = document.getElementById("more");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.type="file";
input.value="file";
button.type="button"
button.value="Remove";
button.onclick = function(){
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
}
td.appendChild(br);
td.appendChild(input);
td.appendChild(button);
}
</script>
<body>
<table width="80%" align="center" border="1">
<tr>
<td>
file:
</td>
<td id="more">
<input type="file" name="Files" />
<input type="button" value="Add More File" onclick="more()"/>
</td>
</tr>
</table>
</body>
</html>