Forgot Password ??

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

	Registered : 109,038

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

[PHP] รบกวนช่วยดูให้หน่อยครับ 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 : 1186

Reply : 4

No. 1

Mongkon.k

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

1.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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

No. 1

No. 2

No. 3

No. 4

ค้นหาข้อมูล

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

Notice