IDEA: ใช้ Window.ShowModaldialog วิธีการอ้างอิงไปยังรูปป๊อปอัพย่อยจากนั้นใช้ window.returnValue = "***" บนหน้าย่อยเพื่อส่งคืนผลลัพธ์
รหัสตัวอย่าง: (การใช้งานง่าย ๆ ด้วย jQuery)
หน้าหลัก: parent.html
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> window.showmodaldialog ("son.html", null, "dialogwidth: 800px; dialogheight: 600px; help: no; สถานะ: ไม่"); var s = "คุณได้เลือก:"; สำหรับ (var i = 0; i <strreturn.length; i ++) {s+= strreturn [i]+",";} การแจ้งเตือนsubpage son.html
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> src = "jQuery-1.4.2.min.js" mce_src = "jQuery-1.4.2.min.js"> </mce: สคริปต์> <mce: สคริปต์ประเภท = "ข้อความ/javascript"> <! array (); $ ("name = a]: ช่องทำเครื่องหมาย: ตรวจสอบ"). แต่ละ () {result.push ($ (นี่) .val ());}); /> apple <อินพุต type = "ช่องทำเครื่องหมาย" name = "a" value = "Orange" /> orange <input type = "ช่องทำเครื่องหมาย" name = "a" value = "Banana" /> Banana <input type = "button" value = "id" id = "ส่ง" /> </p> < /body> < /html>สรุป:
พารามิเตอร์ผ่าน:
1. หากคุณต้องการส่งพารามิเตอร์ในกล่องโต้ตอบมันจะถูกส่งผ่าน Varguments ไม่มีข้อ จำกัด เกี่ยวกับประเภทสำหรับประเภทสตริงสูงสุดคือ 4096 อักขระ วัตถุสามารถผ่านได้เช่น:
-
parent.htm
<script> var obj = วัตถุใหม่ (); obj.name = "51js"; window.showmodaldialog ("son.htm", obj, "dialogwidth = 200px; dialogheight = 100px"); </script>son.htm
<script> var obj = window.dialogarguments Alert ("พารามิเตอร์ที่คุณผ่านคือ:" + obj.name) </script>2. คุณสามารถส่งคืนข้อมูลไปยังหน้าต่างที่กล่องโต้ตอบถูกเปิดผ่านหน้าต่างกลับมาและแน่นอนว่ามันสามารถเป็นวัตถุได้ ตัวอย่างเช่น:
parent.htm
<script> str = window.showmodaldialog ("son.htm" ,, "dialogwidth = 200px; dialogheight = 100px"); Alert (str); </script>son.htm
<script> window.returnValue = "http://blog.csdn.net/a497785609"
ส่วนขยาย:
ใน. NET เอฟเฟกต์ AJAX สามารถทำได้ด้วยวิธีนี้ เมื่อหน้าเด็กผ่านพารามิเตอร์ที่จะเลือกหน้าหลักสามารถใช้อินเทอร์เฟซ ICALLBACKEVENTHANDLER และส่งผ่านค่าที่ได้รับกลับไปยังเซิร์ฟเวอร์โดยตรง หรือใช้ เหตุการณ์การโหลด UpdatePanel เพื่อรับพารามิเตอร์ที่ผ่านเพื่อให้ดำเนินการประมวลผลฝั่งเซิร์ฟเวอร์ต่อไป
รหัสการใช้งานด้านบนของแบบฟอร์มเด็กป๊อปอัพ JavaScript และส่งคืนผลลัพธ์ไปยังแบบฟอร์มแม่เป็นเนื้อหาทั้งหมดที่ฉันได้แชร์กับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น