이전 기사는 형태 요소를 동적으로 추가하는 것에 대해 이야기했습니다. 이번에는 동적으로 추가 된 양식 요소에서 전송 된 데이터를 처리하는 방법에 대해 이야기 할 것입니다! 양식 요소를 동적으로 추가하는 방법을 자세히 설명하지 않겠습니다! 이해가 안되는 경우 이전 기사 //www.vevb.com/html/200711/23/12856.htm 아래를 살펴보십시오.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<title> 형태 요소의 동적 추가 Blueshine </title>
</head>
<scriptLanguage = "JavaScript">
functionAddelement (mytype) {
VarmyType, temo = document.getElementById ( "add");
varnewinput = document.createElement ( "입력");
newInput.type = myType;
newInput.name = "input1"; // 이것은 필수품이며 처리 페이지에서 사용해야합니다!
Temo.appendChild (NewInput);
varnewline = document.createElement ( "br");
Temo.appendChild (Newline);
}
</스크립트>
<body>
<formaction = "getData.asp"method = "post"name = "frm">
<pStyle = "배경 :#ffec8b; 경계 : solid1px#1e90ff; font-size : 13px; 선-높이 : 200%; 너비; 너비 : 100px; 텍스트-앨범 : 센터"> <astyle = "색상 :#218868;
<pid = "add"> </p>
<라벨>
<inputtype = "제출"이름 = "제출"value = "제출">
</레이블>
<라벨>
<inputtype = "Reset"name = "submit2"value = "Reset">
</레이블>
</form>
</body>
</html>
다음은 데이터 처리 페이지 코드입니다.
코드 사본은 다음과 같습니다.
<%@language = "vbscript"CodePage = "936"%>
<! doctypehtmlpublic "-// w3c // dtdxhtml1.0transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<htmlxmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<metahttp-equiv = "content-type"content = "text/html; charset = gb2312"/>
<title> 양식 요소의 동적 추가 </title>
</head>
<body>
<divstyle = "font-size : 13px"> <%
DIMDATA, ARR, n
data = trim (request.form ( "input1")) '이것은 코드에 정의 된 이름 속성입니다.
arr = split (data, ",") '분할 기능을 사용하여 데이터를 분할하십시오!
response.write ( "이것은 분할되지 않은 데이터입니다 :")
응답 (데이터)
response.write ( "<br>")
response.write ( "<br>")
response.write ( "이것은 분할 함수를 사용하여 분할 된 데이터입니다 :")
response.write ( "<br>")