Forgot Password ??

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

	Registered : 109,037

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

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

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

Apisit Kaewmanee

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

Date : 2021-10-20 11:37:13

By : 10209228904480129

View : 1143

Reply : 4

No. 1

Mongkon.k

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

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

No. 2

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

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

Code (JavaScript)

e.options[e.selectedIndex].value

ได้ 100% แน่นอน
ถ้าไม่ได้ไล่แก้ใหม่ทั้งหน้า

Date : 2021-10-22 08:21:04

By : Guest

No. 3

Apisit Kaewmanee

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

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

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

ยังคงเหมือนเดิมครับ

Date : 2021-10-22 10:57:52

By : 373

No. 4

Apisit Kaewmanee

โพสกระทู้ ( 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 ทำงานแค่ข้อมูลแถวแรก ข้อมูลแถวอื่นๆที่เหลือไม่ทำงาน

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02

Registered : 109,037

No. 1

No. 2

No. 3

No. 4

ค้นหาข้อมูล

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

Notice