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

Registered : 108,597

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








 

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

 
Topic : 078222



โพสกระทู้ ( 354 )
บทความ ( 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 : 13457 Reply : 18
 

 

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



โพสกระทู้ ( 418 )
บทความ ( 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



โพสกระทู้ ( 354 )
บทความ ( 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



โพสกระทู้ ( 354 )
บทความ ( 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
 


 
ตอบความคิดเห็นที่ : 7 เขียนโดย : sakuraei เมื่อวันที่ 2012-05-11 09:24:55
รายละเอียดของการตอบ ::
ถ้าผมต้องการให้ action ไปยังหน้าที่เลือกเลยอะครับ
โดยเลือก list ในform เดียวกัน มี 3 หัวข้อครับ
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
 <select id="pagelist">
 <option value="ปลา.php" >ปลา</option>
 <option value="ไก.php" >ไก่</option>
 <option value="ปู.php" >ปู</option>
 </select>


เมื่อเลือก ปลา ก้ให้เด้งไป หน้า ปลา.php เลยอะ ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-16 03:27:44 By : mini
 


 

No. 13



โพสกระทู้ ( 8,898 )
บทความ ( 2 )



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


Code (JavaScript)
$('#pagelist').change(function(){
   window.open( this.value, '_blank').focus(); 
});


ถ้าจะถามว่าวางไว้ตรงไหน

คำค้น getting start javascript ศึกษาเรียนรู้ ไวยกรณ์โครงสร้างของภาษาก่อนเลยนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-16 08:38:27 By : Chaidhanan
 


 
ตอบความคิดเห็นที่ : 13 เขียนโดย : Chaidhanan เมื่อวันที่ 2021-02-16 08:38:27
รายละเอียดของการตอบ ::
ยังคงไม่ action ไปอีกหน้าครับ
ผมอาจวางไว้ผิดตำแหน่งครับ
Code (PHP)
<form method="get">
<script src="http://code.jquery.com/jquery-latest.js"></script>
 <select  name='pagelist' id="pagelist">
 <option value="ปลา.php" >ปลา</option>
 <option value="ไก.php" >ไก่</option>
 <option value="ปู.php" >ปู</option>
 </select>

<script language="javascript">
$('#pagelist').change(function(){
   window.open( this.value,  <? "$_get['pagelistl']";?>).focus(); 
}); 

</script>
</form>


ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-16 20:58:12 By : mini
 


 
ตอบความคิดเห็นที่ : 13 เขียนโดย : Chaidhanan เมื่อวันที่ 2021-02-16 08:38:27
รายละเอียดของการตอบ ::
ตอนนี้ผมทำในรูปแบบ form 3 บล็อคครับ /แต่ผมอยากทำแบบรูปแบบ select อะครับ

Code (PHP)
<form method="post" action="ไก่.php"  >
<font color="FFFFFF"สัตว์l</font>
<input type=submit target=blank value="ไก่">
</form> 
</td>
<td>
<form method="post" action="ปลา.php"  >
<input type=submit target=blank value="ปลา">
</form> 
</td>
<td>
<form method="post" action="ปู.php"  >
<input type=submit target=blank value="ปู">
</form> 


พอมีแนวทางเป็น select ไหมครับผมหา ตัวอย่างอยุ่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-20 10:12:46 By : mini
 


 

No. 16



โพสกระทู้ ( 8,898 )
บทความ ( 2 )



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


ตอบความคิดเห็นที่ : 14 เขียนโดย : mini เมื่อวันที่ 2021-02-16 20:58:12
รายละเอียดของการตอบ ::
window.open( this.value, <? "$_get['pagelistl']";?>).focus();

สีแดงมันคืออะไร มันถูกไวยกรณ์ที่ไหนกัน
Code (PHP)
window.open( this.value,  '<?=$_get['pagelistl']?>' ).focus(); 

วิเคราะห์ตัวอย่าง ให้ดีๆ มี quote เปิดปิดเรียบร้อยไหม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-20 12:02:22 By : Chaidhanan
 


 

No. 17



โพสกระทู้ ( 4,201 )
บทความ ( 8 )



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


เปิดหน้าต่างใหม่ก็ใช้ window.open

แต่ถ้าเป็น redirect ไป ก็ใช้ window.location.href = 'xxx'; หรือ window.location.replace('xxx'); ก็ได้
https://www.w3schools.com/howto/howto_js_redirect_webpage.asp
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-20 20:07:13 By : mr.v
 


 
ตอบความคิดเห็นที่ : 16 เขียนโดย : Chaidhanan เมื่อวันที่ 2021-02-20 12:02:22
รายละเอียดของการตอบ ::

Chaidhanan
mr.v
ขอบคุณครับ
ได้แล้วครับผม

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-27 21:31:26 By : mini
 


   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
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, รับทำเว็บไซต์ รับเขียนโปรแกรม , pangpond.com , pangpond.co.th , สำนักงานบัญชี.com , รถมือสอง

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