PHPを使用してMySQLデータベースに動的にHTMLテーブルのデータを追加するには？

私は次のコードを持っています。テーブルに動的行を追加し、テーブルのデータとして値を追加するためのJavaスクリプトコードがありますが、データをデータベースに追加できません。追加ボタン機能が含まれています。コードはデータをデータベースに挿入しません。だから、私は私はあなたがデータベース内のデータをポストする準備ができていることを想定していますPHPを使用してMySQLデータベースに動的にHTMLテーブルのデータを追加するには？

<html> 
    <head> 
    <SCRIPT language="javascript"> 
    function addRow(tableID) { 
    var table = document.getElementById(tableID); 
    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount); 
    var cell1 = row.insertCell(0); 
    var element1 = document.createElement("input"); 
    element1.type = "text"; 
    element1.name="txtbox[]"; 
    cell1.appendChild(element1); 

     var cell1 = row.insertCell(0); 
     var element1 = document.createElement("input"); 
     element1.type = "text"; 
     element1.name="txtbox[]"; 
     cell1.appendChild(element1); 

      var cell1 = row.insertCell(0); 
     var element1 = document.createElement("input"); 
     element1.type = "text"; 
     element1.name="txtbox[]"; 
     cell1.appendChild(element1); 



    } 


    </script> 
    </head> 
    <div id="table_wrapper"> 
    <table class="meta"> 
     <tr id="noExl" 
      <th><span contenteditable>Invoice #</span></th> 
      <td><span contenteditable>101138</span></td> 
      </tr> 
      <tr id="noExl"> 
       <th><span contenteditable>Date</span></th> 
       <td><span contenteditable>January 1, 2012</span></td> 
      </tr> 
      <tr id="noExl"> 
       <th><span contenteditable>Amount Due</span></th> 
       <td><span id="prefix" contenteditable>Rs</span> 
      <span>600.00</span></td> 
      </tr> 
      </table> 
      <table class="inventory" id="dataTable"> 
      <thead> 
       <tr id="noExl"> 
        <th><span contenteditable>Item</span></th> 
        <th><span contenteditable>Description</span></th> 

        <th><span contenteditable>Amount</span></th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr id="noExl"> 
        <td><a class="cut">-</a><span contenteditable>Front End 
        Consultation</span></td> 
        <td><span contenteditable>Experience Review</span></td> 

        <td><input onblur="findTotal()" type="text" name="qty" 
        id="qty1"/></td> 
       </tr> 
      </tbody> 


      <tbody> 

      </tbody> 

     </table> 
      <INPUT type="button" value="+" onclick="addRow('dataTable')" />

出典

2017-09-30 Thishathri Fernando

PHPコードを使用してMySQLデータベースに動的にHTMLデータを追加する必要が

グラブあなたのJavaスクリプト機能のすべての値
ポスト私はサンプルAjaxの方法を添付していアヤックス

を使用して、これらの値は、あなたが独自の要件

ごとのように変更することができます

//call to remote update function 
 
update_table(var1,var2); 
 

 
//method definition 
 
function update_table(var1,var2){ 
 
var action_post_data='id='+var1+'&total'+var2; 
 
jQuery.ajax({ 
 
      url: 'update/table', 
 
      type: 'POST', 
 
      data: action_post_data, 
 
      dataType: 'json', 
 
      success: function (data) { 
 
      //do something 
 
        } 
 
       }, 
 
       error: function() { 
 
        
 
         //do something 
 
       } 
 
      }

出典

2017-09-30 14:11:34

PHPを使用してMySQLデータベースに動的にHTMLテーブルのデータを追加するには？

答えて

関連する問題