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 > กรอกข้อมูลรอบสอง แล้วกดเพิ่มแถว เสร็จ enter ข้อมูลต้องโชว์แถวสอง แต่ข้อมูลแถวสองไปทับข้อมูลแถวแรกค่ะ



 

กรอกข้อมูลรอบสอง แล้วกดเพิ่มแถว เสร็จ enter ข้อมูลต้องโชว์แถวสอง แต่ข้อมูลแถวสองไปทับข้อมูลแถวแรกค่ะ

 



Topic : 135795



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



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




11
12
13
14



Tag : PHP, HTML, CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2020-12-24 07:57:01
2020-12-24 08:00:11
2020-12-24 08:11:10
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-12-23 22:31:55 By : gangger01 View : 595 Reply : 6
 

 

No. 1



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



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


Code (PHP)
<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
    </head>
    <body>
        
        
        <nav class="navbar navbar-light bg-light shadow-sm">
            <h5 class="navbar-brand">
                <img src="image/1.jpg" width="80" height="60" alt="" loading="lazy">   
            System Of Air WayBill
            </h5> 
        </nav>
        
        <form class="container" method="GET" action="">
            
            <div class="form-row" style="margin-top: 50px;">
                
            <div class="col-4 form-group">
    <label for="piecesRcp">No. of Pieces RCP</label>
    <input  class="form-control" id="piecesRcp" name="piecesRcp">
          </div>
                
           <div class="col-4 form-group">
    <label for="width">width</label>
    <input  class="form-control" id="width" name="width">
          </div>
     
  <div class="col-4 form-group">
    <label for="length">length</label>
    <input  class="form-control" id="length" name="length">
  </div>   
                
      <div class="col-4 form-group">
    <label for="high">high</label>
    <input  class="form-control" id="high" name="high">
  </div> 
        
       <div class="col-4 form-group">
    <label for="pcs">pcs</label>
    <input  class="form-control" id="pcs" name="pcs">
  </div>  
                
      <div class="col-4 form-group">
    <label for="quantity">quantity</label>
    <input  class="form-control" id="quantity" name="quantity">
  </div>              
            </div>
            
            <div class="form-group">   
                                             
                <button type="submit" class="btn btn-danger col-3"><a href="AirWayBillForm2.php" style="color: white;">Enter</a></button>
           </div>   
            
        </form>
        <br/>
        <?php
        include 'DB_ConPro9.php';
        
           if(empty($_GET["piecesRcp"])){
               //echo "กรุณากรอกฟอร์มAir WayBill Form";
               exit();
           } else {
               $piecesRcp = $_GET["piecesRcp"];
           }
            
            $width = $_GET["width"];
            $length = $_GET["length"];
            $high = $_GET["high"];
            $pcs = $_GET["pcs"];
            $quantity = $_GET["quantity"];
            
             $ShowwlhCalculate = "($width*$length*$high)/6000";
             $showresult = ($width*$length*$high)/6000;
             $showPcs = $pcs;
             $showQuantity = $quantity;
             $showTotalWeight = $showresult*$showPcs;
                       
        ?>
        
        <table class="table table-striped container" id="myTbl">
            <tr>
                <th>showCalculate</th>
                <th>result</th>
                <th>showPcs</th>
                <th>showQuantity</th>
                <th>showTotalWeight</th>
                <th>Add delete</th>
            </tr>
            <tr id="firstTr">
                <td><input value="<?php echo $ShowwlhCalculate ?>"/></td>
                <td><input value="<?php echo $showresult ?>"/></td>
                <td><input value="<?php echo $showPcs ?>"/></td>
                <td><input value="<?php echo $showQuantity ?>"/></td>
                <td><input value="<?php echo $showTotalWeight ?>"/></td>
                <td height="25" bgcolor="#FFFFFF">
                    <button class="addRow" type="button">+</button>
                    <button class="removeRow" type="button">-</button>
                </td>
            </tr>
            
        </table>
        
<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script> 
<script src="https://unpkg.com/[email protected]/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript">
$(function(){
 
    var num_clone = 0; // กำหนดค่า key สำหรับนับเพิ่ม กรณี้ใช้กับ checkbox ลแะ radio แบบ array
    $(".addRow").on("click",function(){
        num_clone++;
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input
        $("#firstTr:eq(0)").clone(true)
        .find("input").val("").end() // ล้างค่า input        
        .appendTo($("#myTbl"));
    });
     
    $(".removeRow").on("click",function(){
        var indexThis = $(".removeRow").index($(this)); // หา key รายการที่จะลบ
        // // ส่วนสำหรับการลบ
        if($("#myTbl tr").length>1){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ
            $("#myTbl tr:eq("+indexThis+")").remove(); // ลบรายการของแถวที่จะลบ
        }else{
            // เหลือ 1 รายการลบไม่ได้
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    });   
   
});
</script>
        
        
        
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" ></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" ></script>
    </body>
</html>








แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-23 22:49:47 By : gangger01
 


 
1. ในอีเวนต์คลิกของ $(".addRow") ต้องใส่ id ให้ row ใหม่ด้วย
2. ใช้ POST method ในการส่งข้อมูล
3. ตาราง myTbl ถ้าในข้อ 1 มีการ assign value แล้ว ก็จะเกิด dynamic flow แถวถัดไปก็ไม่ต้องทำอะไรอีก แต่ถ้าไม่มีการ assign จะต้องสร้างลูปในการแสดงผลของตาราง เพราะที่มีอยู่มีแค่ 2 rows คือ head กับ firstTr

ถ้าคุณเขียนเองและมีพื้นฐานของ web apps concepts คุณจะเข้าใจจุดที่ผมชี้และสามารถประยุกต์เพื่อแก้ปัญหาได้ แต่ถ้ามาแนวครูพักลักจำหรือลอกใครมา คุณอาจจะไม่เข้าใจเลย

แต่ยังไงถ้าสงสัยตรงไหนถามได้ทุกเรื่อง เว้นแต่เรื่องเงิน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-24 10:33:14 By : ล่องหน
 

 

No. 3



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



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


ตอบความคิดเห็นที่ : 2 เขียนโดย : ล่องหน เมื่อวันที่ 2020-12-24 10:33:14
รายละเอียดของการตอบ ::
... ขอบคุณครับ.......

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-24 11:46:21 By : gangger01
 


 

No. 4



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 3 เขียนโดย : gangger01 เมื่อวันที่ 2020-12-24 11:46:21
รายละเอียดของการตอบ ::
- ควรใช้ภาษาให้ถูกต้องตาม Singular and Plural นิดนึงครับ ผมอ่านแล้วค่อนข้าง งง
- ถ้าเคยเรียนวิชา HCI ปุ่มมันไม่ควรจะใช้สีแดง สีแดงหมายถึง ความร้อนแรง,อันตราย นั่นหมายถึง ลบ ควรเปลี่ยนเป็นสีเขียวถ้าเป็น success น้ำเงิน ถ้าห้ามซ้ำหรือ primary และหรืออ้างอิงตามสี template หลักได้
- ชื่อปุ่มไม่ควรเป็น enter ถ้าตามหลักออกแบบจะเป็น Submit,Save



ประวัติการแก้ไข
2020-12-24 12:04:56
2020-12-24 12:07:02
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-24 11:59:48 By : Genesis™
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : Genesis™ เมื่อวันที่ 2020-12-24 11:59:48
รายละเอียดของการตอบ ::
สมัยก่อนตอนเข้าเรียนคอร์สเขียนโปรแกรม เพื่อนร่วมชั้น ใช้ไอคอนสำหรับ edit เป็นฆ้อน

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-24 12:10:10 By : mr.v
 


 

No. 6



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 5 เขียนโดย : mr.v เมื่อวันที่ 2020-12-24 12:10:10
รายละเอียดของการตอบ ::
555+ 1987 เลยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-24 13:32:27 By : Genesis™
 

   

ค้นหาข้อมูล


   
 

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