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

Registered : 108,064

HOME > PHP > PHP Forum > สอบถามเรื่อง clone row + select2 multiple ครับ ติดปัญหาข้อมูลใน select2 รวมกัน



 

สอบถามเรื่อง clone row + select2 multiple ครับ ติดปัญหาข้อมูลใน select2 รวมกัน

 



Topic : 133866



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



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




ผมสอบถามหน่อยครับ ผมติดปัญหาเวลา select ข้อมูลใน select2 ปกติมันต้องแยกข้อมูลของแต่ละ row แต่ทำไมข้อมูลใน select2 มันถึงไปรวมกัน ใครพอจะทราบรลกวนหน่อยนะครับ

Code (PHP)
<div class="container">
    <div class="row">
      <main class="col-12">
        <?php 
          if($act == 'index'): 
        ?>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-body">
                <form action="?act=insert" method="POST">
                  <div class="form-group row">
                    <a href="javascript:void(0)" class="btn btn-sm btn-success btnAdd">+ Add Item</a>
                  </div>
                  <div class="form-group row">
                    <div class="table-responsive">
                      <table class="table table-bordered table-sm item">
                        <thead>
                          <tr>
                            <th>Name</th>
                            <th width="15%">Reason</th>
                            <th>#</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                              <input type="text" class="form-control" name="name[]" required>
                            </td>
                            <td>
                              <select class="form-control selectReason" name="reason[]">
                                <?php
                                  $allReason = [
                                    "1" => "AAA",
                                    "2" => "BBB",
                                    "3" => "CCC",
                                    "4" => "DDD",
                                    "5" => "EEE"
                                  ];
                                  foreach($allReason as $key => $value){
                                    echo "<option value='{$key}'>{$value}</option>";
                                  }
                                  unset($reason);
                                ?>
                              </select>
                            </td>
                            <td style="display:none;">
                              <button class="btn btn-sm btn-danger btnRemove">-</button>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="form-group row justify-content-center">
                    <div class="col-sm-3 mb-2">
                      <button class="btn btn-success btn-sm btn-block" name="btnInsert">
                        <i class="fa fa-check mr-2"></i>OK
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        
        <?php
          endif;

          if($act == 'insert'){
            foreach(array_filter($_POST['name']) as $key => $value){
              $name = $_POST['name'][$key];
              $reason = $_POST['reason'];

              echo "{$name}<br>";
              print_r($reason);
              echo "<hr>";
            }
          }
        ?>
      </main>
    </div>
  </div>


Code (JavaScript)
$(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"});
    $(".selectReason").val("").trigger("change");

    $(".btnAdd").on("click",function() {
      $(".selectReason").select2("destroy");
      var row = $(".item").find("tbody").find("tr:last");
      var clone = row.clone();

      clone.find("input, select").attr("disabled", false).val("");
      clone.find("td:last").show();
      clone.find(".btnRemove").click(function() {
        $(this).closest("tr").remove();
      });
      row.after(clone);
      $(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"});
      clone.show();
    });


dataForm
dataResult



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-07-11 12:10:31 By : ebuzzz View : 141 Reply : 2
 

 

No. 1



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

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

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

การใส่เงื่อนไขการเรียกใช้ Ajax ลงไปใน Function Add row แบบ element






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-07-12 09:50:47 By : mongkon.k
 


 

No. 2

Guest


$_POST['reason'] ไม่ได้ระบุ index
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-07-12 16:36:39 By : xman
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่อง clone row + select2 multiple ครับ ติดปัญหาข้อมูลใน select2 รวมกัน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่