Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > javascript window.onload ไม่ทำงาน รบกวนช่วยดูให้ทีค่ะ

javascript window.onload ไม่ทำงาน รบกวนช่วยดูให้ทีค่ะ

เริ่มหัวข้อใหม่

โพสกระทู้ ( 20 )
บทความ ( 0 )

Code (JavaScript)

<script language="javascript">
               window.onload = show_list('<? echo $typework; ?>');
               function show_list(id) {
	alert(id); 
	if(id == 'type') { //ถ้าเลือกประเภท ให้แสดงตาราง table_1 และซ่อนตารางที่ 2,3,4,5,6
			document.getElementById("table_1").style.display = "";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "none";
			document.getElementById("table_6").style.display = "none";

	}else if(id == 'jobno') { 
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "none";
			document.getElementById("table_6").style.display = "none";
	} else if(id == 'project') { 
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "none";
	} else if(id == 'responsible') { 
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "";
			document.getElementById("table_5").style.display = "none";
			document.getElementById("table_6").style.display = "none";
	}else if(id == 'startDate') { 
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "";
			document.getElementById("table_6").style.display = "none";
	}else if(id == 'dueDate') { 
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "none";
			document.getElementById("table_6").style.display = "";
	}else{
			document.getElementById("table_1").style.display = "none";
			document.getElementById("table_2").style.display = "none";
			document.getElementById("table_3").style.display = "none";
			document.getElementById("table_4").style.display = "none";
			document.getElementById("table_5").style.display = "none";
			document.getElementById("table_6").style.display = "none";
	}
}
</script>

โค๊ด PHP

Code (PHP)

<select name="typework" id="typework" onchange=""="show_list(this.value);">
<option value="none" selected="selected">กรุณาเลือกรูปแบบการค้นหา</option>
            <option value="type">ประเภทงาน</option>
            <option value="jobno">Job No</option>
            <option value="project">ชื่อโปรเจค</option>
            <option value="responsible">ผู้รับผิดชอบ</option>
            <option value="startDate">กำหนดเริ่ม</option>
            <option value="dueDate">กำหนดส่ง</option>
   </select>


          <table width="200" border="0" align="left" cellpadding="0" cellspacing="0" id="table_1" style="display:none">
            <tr>
              <td width="150"height="30" align="left" valign="middle">
              
                 <select name="s_type" id="s_type">
                  <?   	foreach($type as $rt): // ดึงรายการ?>  
                                        <option value="<? echo $rt['no_type']; ?>"><? echo $rt['type']; ?></option>  
                                endforeach; 
                   ?>
                   </select>
                </td>
            </tr>
          </table>

ตาราง 2,3,4,5,6 ตามลำดับ

ปัญหาคือ เมื่อทำการเปลี่ยนตัวเลือกใน listbox แล้ว javascript ทำงาน โดยให้แสดง ซ่อน ตารางต่างๆ ตามเงื่อนไขอย่างถูกต้อง

แต่ต้องการให้เมื่อเปิดหน้าเว็บ ให้เรียกใช้ javascript นี้ทันที โดยได้ใส่ window.onload ลงไปเพื่อเรียกใช้งาน

แต่ไม่สามารถใช้งานการแสดงซ่อน ตารางได้ เลยลองใช้คำสั่ง alert(id); เพื่อทอสอบปรากฎว่า alert ค่าได้อย่างถูกต้อง

รบกวนด้วยนะค่ะ ทำไมมันไม่ซ่อนแสดงตามเงื่อนไข เมือเรียกใช้ฟังก์ชั่นผ่าน window.onload

ขอบคุณค่ะ

Tag : PHP, JavaScript

Date : 2013-09-09 14:23:32

By : wilaiwan_a

View : 1364

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ไม่ไล่ดูทีล่ะ Step ล่ะครับ ใช้การเอาออกแล้ว alert ไล่ดูว่าตรงไหนครับ หรือไม่เปลี่ยนไปใช้ jQuery ครับ สั้นมัก ๆ

Date : 2013-09-10 09:09:44

By : mr.win

No. 2

โพสกระทู้ ( 20 )
บทความ ( 0 )

ขอบคุณนะค่ะ จะลองดูค่ะ

Date : 2013-09-10 10:02:26

By : wilaiwan_a

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : javascript window.onload ไม่ทำงาน รบกวนช่วยดูให้ทีค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03