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,660

HOME > PHP > PHP Forum > ต้องการความช่วยเหลือเกี่ยวกับ Depentdent DropDown List





 

ต้องการความช่วยเหลือเกี่ยวกับ Depentdent DropDown List

 



Topic : 123755



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



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




อยากสอบถามหน่อยครับ คือผมต้องการที่จะทำ Depentdent DropDown List

ประมาณแบบนี้ครับ http://phppot.com/jquery/jquery-dependent-dropdown-list-countries-and-states/

แต่ผมต้องทำแบบหลายๆ แถวขึ้นมาใน table และต้องการให้แต่ละแถวเป็นของมันเองเลย

ปัญหาของผมตอนนี้คือ พอเลือกอันเดียว สามารถใช้งานได้ แต่พอกดเพิ่มแถวขึ้นมาแล้วเลือกที่ dropdown list มันไปมีผลกะแถวแรก ตามรูปนี้ครับ

depentdent dropdown

อันนี้เป็นโค๊ดที่ทำครับ

Code (JavaScript)
<script> <!-- List เครื่องราชอิสริยาภรณ์ -->
			function getInsignia(val) {
				$.ajax({
				type: "POST",
				url: "get_listinsignia.php",
				data:'type_id='+val,
					success: function(data){
						$("#insignia_name").html(data);
					}
				});
			}
		</script>
		<script> <!-- เพิ่มแถวการรับเครื่องราชฯ -->
			$(document).ready(function(){
				$('#addRowInsignia').click(function(){
					var addInsignia_row = '<tr>\
											<td><input type="date" name="insignia_receive"></td>\
											<td><select name="insignia_type" onChange="getInsignia(this.value);">\
													<option value="">เลือกประเภทเครื่องราชฯ</option>\
													<option value="1">เครื่องราชอิสริยาภรณ์</option>\
													<option value="2">เหรียญบำเหน็จกล้าหาญ</option>\
													<option value="3">เหรียญบำเหน็จในราชการ</option>\
													<option value="4">เหรียญบำเหน็จในพระองค์พระมหากษัตริย์</option>\
													<option value="5">เหรียญที่พระราชทานเป็นที่ระลึก</option></select></td>\
											<td><select name="insignia_name[]" id="insignia_name">\
													<option value="">เลือกเครื่องราช</option></select></td>\
											<td><input type="text" name="book_no[]"></td>\
											<td><input type="text" name="part_no[]"></td>\
											<td><input type="text" name="page_no[]"></td>\
											<td><input type="text" name="order_no[]"></td>\
											<td><input type="date" name="government_gazette_date_add[]"></td>\
											</tr>';
					$('#addInsignia').append(addInsignia_row);
				});
			});
		</script>


Code (PHP)
echo "
		<form method='POST' action=''>
		<table id='addInsignia' border='1' width='50%' align='center'>
		<tr>
			<td colspan='8' align='center'><h3>เครื่องราชอิสริยาภรณ์</h3></td>
		</tr>
		<tr>
			<th>ปีที่ได้รับ</th>
			<th>หมวดเครื่องราชอิสริยาภรณ์</th>
			<th>ชื่อเครื่องราชอิสริยาภรณ์</th>
			<th>เล่มที่</th>
			<th>ตอนที่</th>
			<th>หน้าที่</th>
			<th>ลำดับที่</th>
			<th>วันที่ลงราชกิจจาฯ</th>
		</tr>
			
		<tr>
			<td><input type='date' name='insignia_receive'></td>
			<td><select name='insignia_type' onChange='getInsignia(this.value);'>
					<option value=''>เลือกประเภทเครื่องราชฯ</option>
					<option value='1'>เครื่องราชอิสริยาภรณ์</option>
					<option value='2'>เหรียญบำเหน็จกล้าหาญ</option>
					<option value='3'>เหรียญบำเหน็จในราชการ</option>
					<option value='4'>เหรียญบำเหน็จในพระองค์พระมหากษัตริย์</option>
					<option value='5'>เหรียญที่พระราชทานเป็นที่ระลึก</option></select></td>
			<td><select name='insignia_name[]' id='insignia_name'>
					<option value=''>เลือกเครื่องราช</option></select></td>
			<td><input type='text' name='book_no[]'></td>
			<td><input type='text' name='part_no[]'></td>
			<td><input type='text' name='page_no[]'></td>
			<td><input type='text' name='order_no[]'></td>
			<td><input type='date' name='government_gazette_date_add[]'></td>
		</tr>
		</table>
		<br/>
		<div align='center'>
			<input type='button' name='button' id='addRowInsignia' value='เพิ่มข้อมูลการรับเครื่องราชฯ' />
			<input type='submit' value='หน้าถัดไป' />
		</div>
		</form>
		";


มีวิธีไหนพอจะแก้ได้บ้างมั้ยครับ ขอบคุณครับ



Tag : PHP, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-07-08 14:51:45 By : aragemaru View : 287 Reply : 2
 

 

No. 1



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

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

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

ยัดฟอร์มใส่เข้าไปในตัว ajax เลยครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-08 18:02:50 By : Dragons_first
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Dragons_first เมื่อวันที่ 2016-07-08 18:02:50
รายละเอียดของการตอบ ::
ครอบตรงไหนอะครับ



ประวัติการแก้ไข
2016-07-08 19:01:43
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-08 18:52:29 By : aragemaru
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการความช่วยเหลือเกี่ยวกับ Depentdent DropDown List
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 01
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 อัตราราคา คลิกที่นี่