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

Registered : 109,027

HOME > PHP > PHP Forum > รบกวนช่วยดูให้หน่อยครับ javascript dropdown selected ในปุ่มแก้ไขข้อมูล dropdown selected ทำงานแค่ข้อมูลแถวแรก ข้อมูลแถวอื่นๆที่เหลือไม่ทำงาน



 

รบกวนช่วยดูให้หน่อยครับ javascript dropdown selected ในปุ่มแก้ไขข้อมูล dropdown selected ทำงานแค่ข้อมูลแถวแรก ข้อมูลแถวอื่นๆที่เหลือไม่ทำงาน

 



Topic : 136437



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



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




Code (JavaScript)
<script language="javascript">
function fncSubmit()
{
	if(document.frmMainadd.type_money.value == "")
	{
		swal ( "Oops" ,  "กรุณาเพิ่มประเภทของเงินนอกงบประมาณ !!" ,  "error" )
		document.frmMainadd.type_money.focus();
		return false;
	}
	document.frmMainadd.submit();
}
	
function Add() {
	
  var selObj = document.getElementById("type");
  var selValue = selObj.options[selObj.selectedIndex].text;
  //Setting Value
  document.getElementById("type_details").value = selValue;
}
	
function  Edit() {	
  var selObj = document.getElementById("edit_type");
  var selValue = selObj.options[selObj.selectedIndex].text;
  //Setting Value
  document.getElementById("edit_type_details").value = selValue;	
}	
</script>


นี้คือ code ที่ผมใช้งานทั้งส่วนของเพิ่มและแก้ไข

Code (PHP)
			   <form id="frmMainadd" name="frmMainadd" method="post" action="offbudgetfs" novalidate>
                    <input type="hidden" id="hdnCmd" name="hdnCmd" value="Add">
                    <div class="modal fade" id="Add" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">เพิ่มประเภทกลุ่มเงินนอกงบประมาณ</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <form>
                                       <div class="form-group">
                                            <label for="recipient-name" class="col-form-label">ประเภทของเงินนอกงบประมาณ :</label>
                                            <input type="text" class="form-control" id="type_money" name="type_money" placeholder="ตัวอย่าง เงินอุดหนุนค่าใช้จ่ายรายหัว" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="message-text" class="col-form-label">รายการ :</label>
                                            <input type="text" class="form-control" id="sub_money" name="sub_money" placeholder="ตัวอย่าง ค่าหนังสือเรียน/ค่าอุปกรณ์การเรียน หรือ ถ้าไม่มีให้เว้นว่าง">
                                        </div>
                                        <div class="form-group">
											<label>รายรับ/รายจ่าย :</label>
											<select class="form-control"  name="type" id="type" onchange="Add()">
					  							<option value="">-- กรุณาเลือกประเภท --</option>													
												<?php foreach ($objQuerytype as $objResuuttype) {?>
												<option value="<?php echo $objResuuttype["type"];?>"><?php echo $objResuuttype["type_details"];?></option>
												<?php } ?>
											</select>
									  	</div>
										<div class="form-group">
                                            <input type="text" class="form-control" id="type_details" name="type_details" hidden >
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">ปิด</button>
                                    <button name="btnAdd" type="submit" id="btnAdd" value="Add" class="btn btn-success">บันทึก</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

ส่วนนี้คือส่วนเพิ่มข้อมูลซึ่งใช้งานได้ปกติ

Code (PHP)
					  <!--ส่วนแก้ไขข้อมูลผู้ใช้งาน-->
					  <td height="45">
						<form id="frmMain-<?=$row["type_id"];?>" name="frmMain-<?=$row["type_id"];?>" method="post" action="offbudgetfs">
							<input type="hidden" id="hdnCmd" name="hdnCmd" value="Update">
							<div class="modal fade" id="editemployee<?php echo $row["type_id"];?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<h5 class="modal-title" id="exampleModalLabel">แก้ไขประเภทกลุ่มเงินนอกงบประมาณ</h5>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
										</div>
										<div class="modal-body">
												<div class="form-group">
												   <input type="text" class="form-control" id="edit_type_id-<?=$row["type_id"];?>" name="edit_type_id" value="<?=$row["type_id"];?>">
												</div>												
											    <div class="form-group">
													<label for="recipient-name" class="col-form-label">ประเภทของเงินนอกงบประมาณ :</label>
													<input type="text" class="form-control" id="edit_type_money-<?=$row["type_id"];?>" name="edit_type_money" value="<?=$row["type_money"];?>">
												</div>
												<div class="form-group">
													<label for="message-text" class="col-form-label">รายการ :</label>
													<input type="text" class="form-control" id="edit_sub_money-<?=$row["type_id"];?>" name="edit_sub_money" value="<?=$row["sub_money"];?>">
												</div>
												<div class="form-group">
													<label>รายรับ/รายจ่าย :</label>
													<select class="form-control" id="edit_type" OnChange="Edit()" >
														<option value="00">-- กรุณาเลือกประเภท --</option>													
														<option value="01">รับ</option>
														<option value="02">จ่าย</option>
														<option value="03">รับ/จ่าย</option>
													</select>
												</div>
												<div class="form-group">
													<input type="text" class="form-control" id="edit_type_details"  >
												</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-danger" data-dismiss="modal" id="btnCancel" value="Cancel" OnClick="window.location='offbudgetfs';">ปิด</button>
											<button name="btnUpdate" type="button" id="btnUpdate" value="Update" OnClick="document.getElementById('frmMain-<?=$row["type_id"];?>').submit();" class="btn btn-success">บันทึก</button>
										</div>
									</div>
								</div>
							</div>
						</form>						  
					 </td>

ส่วนนี้คือส่วนแก้ไขข้อมูลที่มีปัญหา เนื่องจาก selected option ทำงานได้แค่เฉพาะข้อมูลบนสุดเท่านั้นที่เหลือไม่มีค่ามาแสดงใน textbox

Code (PHP)
                      <td class="project-actions text-right">
						  
                          <a class="btn btn-info btn-sm" data-toggle="modal"  data-target="#editemployee<?php echo $row["type_id"];?>" data-id="<?php echo $row["type_id"];?>" onclick="<?php echo $row["type_id"];?>" data-whatever="@getbootstrap">
                          <i class="fas fa-pencil-alt"></i>
                          Edit
                          </a>   
						  
                          <a class="btn btn-danger btn-sm" data-dismiss="modal" href="JavaScript:if(confirm('คุณยืนยันที่จะลบประเภทเงินนอกงบประมาณ')==true)
							 {window.location='offbudgetfs?Action=Update&type_id=<?=$row["type_id"];?>';}">
                          <i class="fas fa-trash"></i>
                          Delete
                          </a>

                      </td>

ตรงนี้เป็นปุ่มแก้ไขค่า id ขึ้นปกติทุกแถวข้อมูล
.
.
.
ที่ผมลองแก้ไขไปแล้วคือ แต่ผลก็ยังคงเป็นแบบเดิมครับ
Code (JavaScript)
<script language="javascript">
function edit(objSelect){
	  document.getElementById("edit_type_details").value = objSelect.options[objSelect.selectedIndex].value;
}
</script>


Code (PHP)
												<div class="form-group">
													<label>รายรับ/รายจ่าย :</label>
													<select class="form-control" id="edit_type" OnChange="edit(this)" >
														<option value="00">-- กรุณาเลือกประเภท --</option>													
														<option value="01">รับ</option>
														<option value="02">จ่าย</option>
														<option value="03">รับ/จ่าย</option>
													</select>
												</div>
												<div class="form-group">
													<input type="text" class="form-control" id="edit_type_details"  >
												</div>




Tag : PHP









ประวัติการแก้ไข
2021-10-20 11:38:21
2021-10-20 11:40:09
2021-10-20 11:45:55
2021-10-20 11:47:27
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-10-20 11:37:13 By : 10209228904480129 View : 1087 Reply : 4
 

 

No. 1



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

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

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

id="edit_type" มันซ้ำครับ

ถ้าหลายตัวต้องตอน loop ให้ใส่ เลขให้ id มัน dynamic ด้วยครับ
id="edit_type_0"
id="edit_type_1"
id="edit_type_2"
id="edit_type_xxx"






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-10-20 15:43:01 By : mongkon.k
 


 
Code (JavaScript)
e.options[e.selectedIndex].value

ได้ 100% แน่นอน
ถ้าไม่ได้ไล่แก้ใหม่ทั้งหน้า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-10-22 08:21:04 By : Guest
 

 

No. 3



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



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


ตอบความคิดเห็นที่ : 2 เขียนโดย : Guest เมื่อวันที่ 2021-10-22 08:21:04
รายละเอียดของการตอบ ::
ยังคงเหมือนเดิมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-10-22 10:57:52 By : 373
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mongkon.k เมื่อวันที่ 2021-10-20 15:43:01
รายละเอียดของการตอบ ::
หมายถึงเปลี่ยน id ทั้งหมดหรือเปล่าครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-10-22 10:58:24 By : 373
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนช่วยดูให้หน่อยครับ javascript dropdown selected ในปุ่มแก้ไขข้อมูล dropdown selected ทำงานแค่ข้อมูลแถวแรก ข้อมูลแถวอื่นๆที่เหลือไม่ทำงาน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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