สิ่งนี้สามารถทำได้ง่ายๆโดยการแสดงหรือซ่อนด้วย Stylsheet
การควบคุมใด ๆ ที่กระตุ้นพื้นที่ข้อความนั้นใช้ได้ แต่
ในตัวอย่างด้านล่างมันเป็นรายการแบบเลื่อนลง (AutopostBack = TRUE)
ช่วงเวลาที่ DropdownList มีการเปลี่ยนแปลงพื้นที่ข้อความจะแสดงโดย JavaScript และพื้นที่ข้อความจะปรากฏขึ้นหลังจากนั้น
การประมวลผลฝั่งเซิร์ฟเวอร์จะดำเนินการด้วย AutopostBack
ผลลัพธ์การประมวลผลฝั่งเซิร์ฟเวอร์กลับไปที่หน้าจอเดียวกันและพื้นที่ข้อความจะถูกวาดใหม่และซ่อนอีกครั้ง
1) การเตรียมพื้นที่ข้อความ
เนื่องจากเป็นตำแหน่ง: สัมบูรณ์มันจะไม่เข้ามาขวางทาง แม้กระทั่งหลังจากแบบฟอร์ม ...
อย่างไรก็ตามหากคุณใช้ UpdatePanel โปรดใส่ไว้ในปุ่มเช่นเดียวกับปุ่ม
<div id = "waitmsg" style = "จอแสดงผล: ไม่มี; padding: 20px 40px; สี: สีขาวตำแหน่ง: สัมบูรณ์; ด้านบน: 250px; ซ้าย: 150px">
คุณกำลังค้นหาอยู่ โปรดรอสักครู่
</div>
②การเตรียม JavaScript
<script type = "text/javascript" language = "JavaScript">
ฟังก์ชั่น changevisible () {
var idwaitmsg = document.getElementById ('waitmsg');
if (idwaitmsg.style.display == 'ไม่มี') {
idwaitmsg.style.display = 'block'; //แสดง.
} อื่น {
idwaitmsg.style.display = 'ไม่มี'; //ซ่อน.
-
-
</script>
③วางจาวาสคริปต์ลงในการควบคุม
ให้แอตทริบิวต์แม้ในขณะที่โหลด
ถ้าเป็นแบบเลื่อนลง, onchange
DropdownList1.attributes ["onchange"] = "angewevisible ();";
Onclick บนปุ่มตัวเลือก
radiobuttonlist1.attributes ["onclick"] = "angewevisible ();";