JavaScript 사용자가 원하는 갯수만큼 폼필드 추가시키기
페이지 정보
본문
아래는 폼필드를 사용자가 임의로 변경해서 늘리는 스크립트 입니다.
인터넷익스플로러 6, 7, 8까지만 정상 작동한다는 문제가 있습니다.
익스플로러 10, 11 에서는 먹통입니다.
JQuery 로 제작된 소스 아시거나, 해결 방법에 대한 여러분의 댓글 부탁드립니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>사용자가 원하는 갯수만큼 폼필드 추가시키기</title>
<script type="text/javascript">
<!--
function createForm(number) {
data = "";
data1 = "";
inter = "";
if (number < 16 && number > -1) {
for (i=1; i <= number; i++) {
if (i < 10) spaces=" ";
else spaces=" ";
//data = data + "imagefile " + i + " :" + spaces + "<input type='file' size=10 name=" + inter + "imagefile" + i + inter + "'><br>";
data = data + "<hr align=left style='height:1px;width:100%;color=#9CAABD;'></hr>Image"+spaces + i + " : <input type='file' style='width:85%' name='" + inter + "imagefile" + i + inter + "'><br>";
}
if (document.layers) {
document.layers.cust.document.write(data);
document.layers.cust.document.close();
}
else {
if (document.all) {
cust.innerHTML = data;
document.post.number.focus();
}
}
}
else {
window.alert("Please select up to 15 entries.");
document.post.number.focus();
//document.post.number="";
}
}
// -->
</script>
</head>
<body>
<form name="post" method="post" enctype="multipart/form-data">
<table border="0">
<tr>
<td align="right" bgcolor="#9CAABD">첨부파일</TD>
<td bgcolor="white">첨부 할 파일의 갯수를 입력하세요 :
<input name="number" type="text" onkeyup="createForm(post.number.value);" size="5" maxlength="5">
<!--input type="button" class="Input" onclick="createForm(post.number.value);" value="Update"-->
<table width="100%"><span id="cust" style="position:relative;"></span></table>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value=" 보내기 "></td>
</tr>
</table>
</form>
</body>
</html>
인터넷익스플로러 6, 7, 8까지만 정상 작동한다는 문제가 있습니다.
익스플로러 10, 11 에서는 먹통입니다.
JQuery 로 제작된 소스 아시거나, 해결 방법에 대한 여러분의 댓글 부탁드립니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>사용자가 원하는 갯수만큼 폼필드 추가시키기</title>
<script type="text/javascript">
<!--
function createForm(number) {
data = "";
data1 = "";
inter = "";
if (number < 16 && number > -1) {
for (i=1; i <= number; i++) {
if (i < 10) spaces=" ";
else spaces=" ";
//data = data + "imagefile " + i + " :" + spaces + "<input type='file' size=10 name=" + inter + "imagefile" + i + inter + "'><br>";
data = data + "<hr align=left style='height:1px;width:100%;color=#9CAABD;'></hr>Image"+spaces + i + " : <input type='file' style='width:85%' name='" + inter + "imagefile" + i + inter + "'><br>";
}
if (document.layers) {
document.layers.cust.document.write(data);
document.layers.cust.document.close();
}
else {
if (document.all) {
cust.innerHTML = data;
document.post.number.focus();
}
}
}
else {
window.alert("Please select up to 15 entries.");
document.post.number.focus();
//document.post.number="";
}
}
// -->
</script>
</head>
<body>
<form name="post" method="post" enctype="multipart/form-data">
<table border="0">
<tr>
<td align="right" bgcolor="#9CAABD">첨부파일</TD>
<td bgcolor="white">첨부 할 파일의 갯수를 입력하세요 :
<input name="number" type="text" onkeyup="createForm(post.number.value);" size="5" maxlength="5">
<!--input type="button" class="Input" onclick="createForm(post.number.value);" value="Update"-->
<table width="100%"><span id="cust" style="position:relative;"></span></table>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value=" 보내기 "></td>
</tr>
</table>
</form>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.