사용자가 원하는 갯수만큼 폼필드 추가시키기 > 기술자료 | 해피정닷컴

사용자가 원하는 갯수만큼 폼필드 추가시키기 > 기술자료

본문 바로가기

사이트 내 전체검색

사용자가 원하는 갯수만큼 폼필드 추가시키기 > 기술자료

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="&nbsp;&nbsp;&nbsp;";  
            else spaces="&nbsp;";  
            //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>

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 51 페이지
  • RSS
기술자료 목록
1634
호스팅   21261  2014-12-31 02:37 ~ 2018-12-15 17:45  
1633
HTML   15076  2014-12-22 18:49  
1632
PHP   21921  2014-12-22 15:54  
1631
XML   16830  2014-12-22 15:50  
1630
PHP   27043  2014-12-19 06:50 ~ 2019-12-13 10:05  
1629
그누보드   20645  2014-12-18 17:24 ~ 2024-01-30 14:30  
1628
PHP   16756  2014-12-18 13:24 ~ 2021-07-23 14:01  
1627
그누보드   12020  2014-12-12 13:15 ~ 2020-10-17 06:36  
1626
영카트   14452  2014-12-10 01:05 ~ 2014-12-17 00:00  
1625
HTML   19087  2014-12-09 02:13 ~ 2014-12-09 00:00  
1624
ClassicASP   15099  2014-12-03 15:33  
열람
JavaScript   13793  2014-12-03 13:30  
1622
일반   101726  2014-12-02 01:09 ~ 2017-04-04 00:00  
1621
영카트   18668  2014-11-27 18:33 ~ 2017-06-01 00:00  
1620
일반   20523  2014-11-25 23:17 ~ 2016-09-21 00:00  
1619
HTML   23948  2014-11-25 00:21 ~ 2015-07-27 00:00  
1618
일반   18303  2014-11-20 11:11  
1617
JavaScript   17943  2014-11-15 21:09  
1616
.NET   15966  2014-11-12 14:25  
1615
PHP   26760  2014-11-12 10:28 ~ 2021-11-10 07:19  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.