Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,913

HOME > PHP > PHP Forum > เลือก list menu แล้วให้แสดงฟอร์มย่อยขึ้นมาโดยไม่ต้อง Submit ทำอย่างไรค่ะ



 

เลือก list menu แล้วให้แสดงฟอร์มย่อยขึ้นมาโดยไม่ต้อง Submit ทำอย่างไรค่ะ

 



Topic : 078222



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



สถานะออฟไลน์




จะทำการให้เลือกค่าจาก Drop Down เช่น

Code (PHP)
 <select name="System"style="width:110px" >
        	  <option value="1" >1 Phase</option>
        	  <option value="3" >3 Phase</option> 
 </select>


ซึ้งถ้าเลือก 1 จะแสดง ฟอร์มรับข้อมูลชุดที่ 1
ถ้าเลือก 3 จะแสดงฟอร์มรับข้อมูลอีกชุดนึง

ไม่ค่อยได้เขียน javascript อ่ะค่ะ เลยไม่รู้ว่าจะต้องเริ่มอย่างไรอ่ะค่ะ

รบกวนช่วยตอบด้วยนะค่ะ ^__^



Tag : PHP, HTML/CSS, JavaScript, Action Script, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-10 16:52:22 By : OaLunla View : 11331 Reply : 11
 

 

No. 1



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



สถานะออฟไลน์


ให้เขียน Query ค่าที่ได้รับจาก Drop Down ก่อน จากนั้นให้ใช้ Jquery ให้ไป Call เรียกหน้า Query แล้วเอามาแสดง

กำเข้าใจผิด นึกว่า เลือก Drop Down แล้วให้ โชว์อีก Drop Down นึง








ประวัติการแก้ไข
2012-05-10 16:59:42
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-10 16:57:39 By : kamuro
 


 

No. 2



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



สถานะออฟไลน์


ใช้ even onchange ครับ เช่น

ตัวอย่าง (PHP)
<select name="select_year" id="select_year" onchange="window.location='show.php?select_year='+this.value+''">
<option value="1" >1 Phase</option>
<option value="3" >3 Phase</option> 
</select>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-10 16:57:44 By : aimoomoo
 

 

No. 3



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
 <select id="pagelist">
	  <option value="first_form.php">First</option>
	  <option value="second_form.php">Second</option>
	  <option value="third_form.php">Third</option>
 </select>

  <div id="showSelected" style="border:1px solid blue;display:block;width:250px;height:30px;">
  </div>
  <script language="javascript">
  $("#pagelist").change(function(){
	var url = $("#pagelist option:selected").val();
	$("#showSelected").empty().load(url);	
  });
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-10 18:20:26 By : sakuraei
 


 

No. 4

Guest


ขอบคุณค่ะ แต่ก็ยังงง คือจะให้มันแสดงฟอร์มใต้ Drop Down ที่เลือกเลยอ่ะค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-10 20:00:58 By : oaLunla
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Quote:
ขอรบกวนหน่อยนะค่ะจากกระทู้เลือกlist menu แล้วแสดงฟอร์มขึ้นมาอ่ะค่ะ คือพอเลือกค่าจากlistแล้วก็นำค่ามาcheckเพื่อจะแสดงรูปภาพและฟอร์มอีกชุดนึงเพื่อรับข้อมูลอ่ะค่ะซึ่งจะแสดงใต้list menuเลยอ่ะค่ะไม่ได้กด submitหรือไปหน้าอื่น ทำอยู่หน้าไฟล์เดียวอ่ะค่ะพอกรอกค่าทุกอย่างหมดถึงจะ Submit ส่งค่าทีเดียวอ่ะค่ะ


ตามโค้ดที่ให้ไปก็เลือกลิสต์ปุ๊บก็โหลดไฟล์ได้ทันทีโดยไม่ต้องกดปุ่ม submit ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-10 22:02:35 By : sakuraei
 


 

No. 6



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



สถานะออฟไลน์


ฟอร์มนั้นอยู่ในไฟล์เด๋วกันอ่ะค่ะ ไม่ได้โหลดไฟล์ใหม่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 08:09:57 By : OaLunla
 


 

No. 7



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


078222

Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
 <select id="pagelist">
	  <option value="">กรุณาเลือก</option>
	  <option value="firstOption">First</option>
	  <option value="secondOption">Second</option>
 </select>

  <div id="firstOption" style="display:none">
  <form method="post" action="first.php">
  <h2 style="color:red">First Option</h2>
  1:<input type="text" name="box1" /><br />
  2:<input type="text" name="box2" /><br /> 
  <input type="submit" />
  </form>
  </div>

  <div id="secondOption" style="display:none">
  <form method="post" action="second.php">
  <h2 style="color:blue">Second Option</h2>
  1:<input type="text" name="box1" /><br />
  2:<input type="text" name="box2" /><br /> 
  <input type="submit" />
  </form>
  </div>
  <script language="javascript">
  $("#pagelist").change(function(){
	var viewID = $("#pagelist option:selected").val();
	$("#pagelist option").each(function(){
		var hideID = $(this).val();
		$("#"+hideID).hide();
	});
	$("#"+viewID).show();	
  });
</script>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 09:24:55 By : sakuraei
 


 

No. 8



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



สถานะออฟไลน์


ขอบคุณมากๆเลยค่ะ นำไปใช้ได้แล้วนะค่ะ แต่ว่าก็ไม่เข้าใจโค้ดอยู่ดีอ่ะค่ะ รบกวนช่วยแนะนำการศึกษา Javascript สำหรับคนไม่เคยเขียน Java Script มาก่อนน่ะค่ะ เพาะเคยลองศึกษาโค้ดดูค่ะ แต่ว่ามาเขียนเองก็ไม่ได้อยู่ดีอ่ะค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 14:42:01 By : OaLunla
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตามนี้เลยครับ https://www.thaicreate.com/jquery.html ค่อยๆศึกษาไปทีละขั้น
แรกๆก็ลองสมมุติโจทย์ขึ้นมาก่อน แล้วค่อยศึกษาจากบทเรียนไปเรื่อยๆ
อย่างผมก็มาหาโจทย์จากเวบนี้ล่ะครับ ช่วยคนอื่น ตัวเองก็ได้ศึกษาเพิ่มไปด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 17:38:22 By : sakuraei
 


 

No. 10

Guest


ตามโค้ดที่ให้ไปก็เลือกลิสต์ปุ๊บก็โหลดไฟล์ได้ทันที ถ้าต้องการดึงข้อมูลจากฐานมาแสดง ต้องทำยังไงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-22 20:01:21 By : yrh_com
 


 

No. 11

Guest


11111
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-10-20 16:59:02 By : 1
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เลือก list menu แล้วให้แสดงฟอร์มย่อยขึ้นมาโดยไม่ต้อง Submit ทำอย่างไรค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่