<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TEST</title> <link href="http://171.100.66.111/jq/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> <script src="http://171.100.66.111/jq/jquery-1.8.2.js"></script> <script src="http://171.100.66.111/jq/ui/jquery-ui.js"></script> <head> <script> $(document).ready(function(){ $('#slc').on("change",'','', function(){ var yourvalue=$(this).val(); $.ajax({ url: 'yourfile.php', type: 'GET', data: {yourparam: yourvalue}}).done(function(msg){ $('.report').html( msg ).slideDown(500);}); }); $('#closePage').on('click', '', '', function(){ $('.report').slideToggle(); }); }); </script> </head> <body> <div class="main"> <div class="page"><select id="slc"> <option value="กรุณาเลือกหน้า">กรุณาเลือกหน้า</option> <option value="1">หน้า 1</option> </select> </div> <div class="report" style="display:none"> <table><tr><td> <div class="data" >เนื้อหาหน้าที่ เปลี่ยนตาม select</div> <center><button type="button" id="closePage">X</button></center> </td></tr></table> </div> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
