บทความก่อนหน้านี้พูดคุยเกี่ยวกับการเพิ่มองค์ประกอบแบบฟอร์มแบบไดนามิก เวลานี้เราจะพูดคุยเกี่ยวกับวิธีจัดการข้อมูลที่ส่งจากองค์ประกอบฟอร์มที่เพิ่มขึ้นแบบไดนามิกเหล่านี้! ฉันจะไม่อธิบายรายละเอียดเกี่ยวกับวิธีการเพิ่มองค์ประกอบแบบฟอร์มแบบไดนามิก! หากคุณไม่เข้าใจลองดูที่บทความก่อนหน้า //www.vevb.com/html/200711/23/12856.htm ด้านล่างเป็นรหัสหน้าสำหรับการเพิ่มองค์ประกอบแบบฟอร์มแบบไดนามิก!
การคัดลอกรหัสมีดังนี้:
<html>
<head>
<title> การเพิ่มแบบไดนามิกขององค์ประกอบฟอร์ม Blueshine </title>
</head>
<scriptLanguage = "JavaScript">
FunctionAdDelement (mytype) {
varmytype, temo = document.getElementById ("เพิ่ม");
varNewInput = document.createElement ("อินพุต");
newInput.type = myType;
newInput.name = "input1"; // นี่เป็นสิ่งที่ต้องทำและต้องใช้ในหน้าประมวลผล!
Temo.AppendChild (newInput);
varnewline = document.createElement ("br");
Temo.AppendChild (ใหม่);
-
</script>
<body>
<formaction = "getData.asp" method = "post" name = "frm">
<pstyle = "พื้นหลัง:#ffec8b; ชายแดน: SOLID1PX#1E90FF; FONT-SIZE: 13PX; ความสูงบรรทัด: 200%; ความกว้าง: 100PX; text-allign: center"> <astyle = "สี:#218868;" href = "Javascript: Void (0) กล่อง </a> </p>
<pid = "เพิ่ม"> </p>
<label>
<inputType = "ส่ง" name = "ส่ง" value = "ส่ง">
</lable>
<label>
<inputType = "รีเซ็ต" name = "subment2" value = "รีเซ็ต">
</lable>
</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">
<head>
<metahttp-equiv = "content-type" content = "text/html; charset = gb2312"/>
<title> การเพิ่มองค์ประกอบแบบฟอร์มไดนามิก </title> แบบไดนามิก
</head>
<body>
<divstyle = "ตัวอักษรขนาด: 13px"> <%
dimdata, arr, n
data = trim (request.form ("input1")) 'นี่คือแอตทริบิวต์ชื่อที่กำหนดไว้ในรหัส
arr = split (data, ",") 'ใช้ฟังก์ชันแยกเพื่อแยกข้อมูล!
Response.write ("นี่คือข้อมูลที่ไม่มีการแบ่งแยก:")
Response.write (ข้อมูล)
Response.write ("<br>")
Response.write ("<br>")
Response.write ("นี่คือการแยกข้อมูลโดยใช้ฟังก์ชั่นแยก:")
Response.write ("<br>")