Forgot Password ??

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

	Registered : 109,038

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

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

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

junior

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

Date : 2012-05-10 16:52:22

By : OaLunla

View : 17877

Reply : 18

No. 1

kamuro

โพสกระทู้ ( 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

ลูกเป็ดขี้เหล่

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

Unidentifier

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

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

Unidentifier

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

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

ตามโค้ดที่ให้ไปก็เลือกลิสต์ปุ๊บก็โหลดไฟล์ได้ทันทีโดยไม่ต้องกดปุ่ม submit ครับ

Date : 2012-05-10 22:02:35

By : sakuraei

No. 6

junior

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

ฟอร์มนั้นอยู่ในไฟล์เด๋วกันอ่ะค่ะ ไม่ได้โหลดไฟล์ใหม่

Date : 2012-05-11 08:09:57

By : OaLunla

No. 7

Unidentifier

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

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

junior

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

ขอบคุณมากๆเลยค่ะ นำไปใช้ได้แล้วนะค่ะ แต่ว่าก็ไม่เข้าใจโค้ดอยู่ดีอ่ะค่ะ รบกวนช่วยแนะนำการศึกษา Javascript สำหรับคนไม่เคยเขียน Java Script มาก่อนน่ะค่ะ เพาะเคยลองศึกษาโค้ดดูค่ะ แต่ว่ามาเขียนเองก็ไม่ได้อยู่ดีอ่ะค่ะ

Date : 2012-05-11 14:42:01

By : OaLunla

No. 9

Unidentifier

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

ตามนี้เลยครับ 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

No. 12

Стремись не к тому, чтобы добиться успеха, а к тому, чтобы твоя жизнь имела смысл. https://helloworl

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

ตอบความคิดเห็นที่ : 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

Chaidhanan

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

Code (JavaScript)

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

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

คำค้น getting start javascript ศึกษาเรียนรู้ ไวยกรณ์โครงสร้างของภาษาก่อนเลยนะครับ

Date : 2021-02-16 08:38:27

By : Chaidhanan

No. 14

Стремись не к тому, чтобы добиться успеха, а к тому, чтобы твоя жизнь имела смысл. https://helloworl

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

ตอบความคิดเห็นที่ : 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

No. 15

Стремись не к тому, чтобы добиться успеха, а к тому, чтобы твоя жизнь имела смысл. https://helloworl

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

ตอบความคิดเห็นที่ : 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

Chaidhanan

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

ตอบความคิดเห็นที่ : 14 เขียนโดย : mini เมื่อวันที่ 2021-02-16 20:58:12

รายละเอียดของการตอบ ::

window.open( this.value, <? "$_get['pagelistl']";?>).focus();

สีแดงมันคืออะไร มันถูกไวยกรณ์ที่ไหนกัน
Code (PHP)

1.window.open( this.value, '<?=$_get['pagelistl']?>' ).focus();

วิเคราะห์ตัวอย่าง ให้ดีๆ มี quote เปิดปิดเรียบร้อยไหม

Date : 2021-02-20 12:02:22

By : Chaidhanan

No. 17

mr.v

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

No. 18

Стремись не к тому, чтобы добиться успеха, а к тому, чтобы твоя жизнь имела смысл. https://helloworl

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

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

รายละเอียดของการตอบ ::

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

Date : 2021-02-27 21:31:26

By : mini

ค้นหาข้อมูล

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

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

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] เลือก list menu แล้วให้แสดงฟอร์มย่อยขึ้นมาโดยไม่ต้อง Submit ทำอย่างไรค่ะ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

ค้นหาข้อมูล

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

Notice

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