Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ใช้ select list เพื่อเลือก form ในการรับข้อมูล ซึ่งมีหลายรูปแบบ มีวิธีการทำอย่างไรคะ

ใช้ select list เพื่อเลือก form ในการรับข้อมูล ซึ่งมีหลายรูปแบบ มีวิธีการทำอย่างไรคะ

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

junior

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

ตัวอย่างนะคะ
เมื่อเลือก Select list ลำดับที่ 1 จะให้แสดง form รับข้อมูลแบบที่ 1
เมื่อเลือก Select list ลำดับที่ 2 จะให้แสดง form รับข้อมูลแบบที่ 2
เมื่อเลือก Select list ลำดับที่ 3 จะให้แสดง form รับข้อมูลแบบที่ 3

จะทำอย่างไรถึงจะง่ายและ สะดวกที่สุดคะ

1. ถ้าจะทำ Hidden ไว้ เวลา Submit form ข้อมูลใน form ที่ซ่อนไว้จะติดไปด้วย แล้วโค้ดในไฟล์ นั้นจะเยอะมากค่ะ
2. inculde form รับข้อมูลเข้ามา แบบนี้จะเชคจาก Javascript อย่างไรคะเพื่อจะให้ดึง form รับข้อมูล ตามที่เลือกจาก Selectlist

หรือมีวิธีการแบบอื่นไหมคะที่ทำง่ายๆ อ่ะค่ะ

Tag : PHP, HTML/CSS, JavaScript

Date : 2016-03-09 10:51:26

By : JuNiorWP

View : 1008

Reply : 3

No. 1

Chaidhanan

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

Code (JavaScript)

<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>Select Multiform</title>
<script>
function hide_all_form(){
   var dvs = document.getElementsByClassName("div_form");
   var x = dvs.length;
   for ( var i=0; i<x; i++ ) dvs[i].style.display='none';
}
function show_form( id ){
	document.getElementById('div_'+id).style.display='block'; }
</script>
</head>
<body>
<select onchange="hide_all_form(); show_form(this.value)">
<option value="1">Form 1</option>
<option value="2">Form 2</option>
<option value="3">Form 3</option>
</select>
<div id="div_1" class="div_form" style="display: block" >
  <form name="form1"> <input type="submit" value="submit 1" ></form>
</div>
<div id="div_2" class="div_form" style="display: none" >
  <form name="form2"><input type="submit" value="submit 2" ></form>
</div>
<div id="div_3" class="div_form" style="display: none" >
  <form name="form3"><input type="submit" value="submit 3" ></form>
</div>
</body>
</html>

Date : 2016-03-09 11:29:38

By : Chaidhanan

No. 2

junior

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2016-03-09 11:29:38

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

... ขอบคุณค่ะ แต่ว่าใน IE8 มันไม่เปลี่ยน form ให้ค่ะ ......

Date : 2016-03-09 20:50:27

By : JuNiorWP

No. 3

Chaidhanan

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

คงต้องให้เขา เปลี่ยนเวอร์ชั่นแล้วล่ะครับ 5555 ผมไม่สนใจ ie เก่าอะครับ ลืมโค๊ดหมดแล้ว

ie 8 มันไม่มี style display มั้งครับถาจำไม่ผิด
คงต้องเปลี่ยนเป็น visibled แทน
ลองค้นดูนะครับ ว่าต้องใช้อะไร

ประวัติการแก้ไข
2016-03-09 21:32:19

Date : 2016-03-09 21:27:03

By : Chaidhanan

ค้นหาข้อมูล

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

Re : ใช้ select list เพื่อเลือก form ในการรับข้อมูล ซึ่งมีหลายรูปแบบ มีวิธีการทำอย่างไรคะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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