个人中心
gpt4 book ai didi

javascript - 如何使用 php 对动态插入的 html 元素进行多个 SQL 查询

转载 作者：行者123 更新时间：2023-11-29 21:37:25 25 4
gpt4 key购买 nike

我制作了一个 html 文件，它接受一些固定的用户输入和一些动态的用户输入。以下用户输入由 JavaScript 动态插入:

图片如下:

enter image description here

这是 HTML 源代码:

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
         border-collapse: collapse;
         }
      </style>
      <script>
         function addMore() {
             var table = document.getElementById("myTable");
             var row = table.insertRow(-1);
             var cell1 = row.insertCell(-1);
             var cell2 = row.insertCell(-1);
         
         var x = document.getElementById("myTable").rows[1].cells;
            
             cell1.innerHTML =  x[0].innerHTML;
             cell2.innerHTML = x[1].innerHTML;
         }
         
         
         function removeLast() {
             document.getElementById("myTable").deleteRow(-1);
         }
         
         function removeRowNo() {
         var index = document.getElementById('value').value
             document.getElementById("myTable").deleteRow(index);
         }
      </script>
   </head>
   <body>
      <form  action="payroll.php" method="post">
         <table>
            <tr>
               <td>
                  Month:  
               </td>
               <td>
                  <select name="SALMT" id="month" onchange="" size="1">
                     <option value="" disabled selected>Month</option>
                     <option value="1">January</option>
                     <option value="2">February</option>
                     <option value="3">March</option>
                     <option value="4">April</option>
                     <option value="5">May</option>
                     <option value="6">June</option>
                     <option value="7">July</option>
                     <option value="8">August</option>
                     <option value="9">September</option>
                     <option value="10">October</option>
                     <option value="11">November</option>
                     <option value="12">December</option>
                  </select>
               </td>
               <td>
                  Year:
               </td>
               <td> <input type="text" name="SALYR">
               </td>
            </tr>
            <tr>
               <td>
                  Employee ID:
               </td>
               <td> <input type="text" name="EMPID">
               </td>
               <td>
                  Name: 
               </td>
               <td><input type="text" name="NM">  
               </td>
            </tr>
            <tr>
               <td>
                  Department Code:
               </td>
               <td> <input type="text" name="DPTID">
               </td>
               <td>
                  Designation: 
               </td>
               <td><input type="text" name="DSG"> 
               </td>
            </tr>
         </table>
         <table id="myTable">
            <tr>
               <th>Expenses</th>
               <th>Amount</th>
            </tr>
            <tr>
               <td>
                  <select id="mySelect" name="DESCR" >
                     <option  disabled="" selected="">Select</option>
                     <option value="BASIC PAY">BASIC PAY</option>
                     <option  value="HOUSE RENT">HOUSE RENT</option>
                     <option  value="GAS BILL">GAS BILL</option>
                     <option  value="TELEPHONE BILL">TELEPHONE BILL</option>
                     <option  value="HEALTH INSURANCE">HEALTH INSURANCE</option>
                     <option  value="CLUB">CLUB</option>
                     <option  value="MEDICINE">MEDICINE</option>
                     <option  value="BANK LOAN">BANK LOAN</option>
                  </select>
               </td>
               <td> <input type="text" name="ALAMT"></td>
            </tr>
         </table>
         <input type="submit" />
      </form>
      <br>
      <button onclick="addMore()">Add More</button>
      <button onclick="removeLast()">Remove Last Row</button>
      <input type="text" maxlength="3" name="value" id='value'>
      <button onclick="removeRowNo()">Remove By Row No.</button>	  
   </body>
</html>

我还制作了一个 php 文件，它从 html 中获取这些输入并将它们正确插入到 Oracle 数据库中。但是问题出现了，当我尝试将这些动态用户输入插入到 Oracle 数据库中时，因为数据库 TABLE 列是固定的。我想，如果我如何对一个数字进行相等数量的插入查询然后，动态用户输入的数量，可以插入准确数量的元组/行。但是，为此我需要识别每个动态用户输入和使用 php 循环生成多个查询的动态用户输入总数。我不知道如何执行此操作。请建议我如何执行此操作或更多更好的替代方法。

PHP 源代码如下:

<?php
$conn = oci_connect('usr', '123', 'localhost/xe');

if (!$conn)
    {
    trigger_error("Could not connect to database", E_USER_ERROR);
    }
  else
    {
    echo "Connection established";
    }

insertTable($conn); //This to insert date into table each time.
displayTable($conn);

function insertTable($conn)
    {
    $year = $_POST["SALYR"];
    $month = $_POST["SALMT"];
    $empID = $_POST["EMPID"];
    $dptCode = $_POST["DPTID"];
    $salHD = 'A9';
    $description = $_POST["DESCR"];
    $amount = $_POST["ALAMT"];
    $optID = 111;
    $trDate = date("Y/m/d", strtotime(date("Y/m/d")));
    $query = "INSERT INTO PAYROLLFILE VALUES (:bind1, :bind2, :bind3, :bind4, :bind5, :bind6, :bind7, :bind8, to_date(:bind9 ,'YY/mm/dd'))";
    $stid = oci_parse($conn, $query);
    oci_bind_by_name($stid, ":bind1", $year);
    oci_bind_by_name($stid, ":bind2", $month);
    oci_bind_by_name($stid, ":bind3", $empID);
    oci_bind_by_name($stid, ":bind4", $dptCode);
    oci_bind_by_name($stid, ":bind5", $salHD);
    oci_bind_by_name($stid, ":bind6", $description);
    oci_bind_by_name($stid, ":bind7", $amount);
    oci_bind_by_name($stid, ":bind8", $optID);
    oci_bind_by_name($stid, ":bind9", $trDate);
    $r = oci_execute($stid);
    }

function displayTable($conn)
    {
    $query = 'select * from PAYROLLFILE';
    $stid = oci_parse($conn, $query);
    $r = oci_execute($stid);

    // Fetch each row in an associative array
    print '<table border="1" style=" border-collapse: collapse; text-align: center;">';
    echo "<tr>";
    $ncols = oci_num_fields($stid);
    for ($i = 1; $i <= $ncols; $i++)
        {
        $column_name = oci_field_name($stid, $i);
        echo "<th>$column_name</th>";
        }

    echo "</tr>\n";
    while ($row = oci_fetch_array($stid, OCI_RETURN_NULLS + OCI_ASSOC))
        {
        print '<tr>';
        foreach($row as $item)
            {
            print '<td>' . ($item !== null ? htmlentities($item, ENT_QUOTES) : '&nbsp') . '</td>';
            }

        print '</tr>';
        }

    print '</table>';
    }

?>

这是 Oracle 11g 表结构:图片如下: enter image description here

请让我知道任何进一步的信息。谢谢

最佳答案

将这两个字段设为数组，将 [] 添加到这些名称的末尾

<tr>
  <td>
    <select id="mySelect" name="DESCR[]" >
      <option  disabled="" selected="">Select</option>
      <option value="BASIC PAY">BASIC PAY</option>
      <option  value="HOUSE RENT">HOUSE RENT</option>
      <option  value="GAS BILL">GAS BILL</option>
      <option  value="TELEPHONE BILL">TELEPHONE BILL</option>
      <option  value="HEALTH INSURANCE">HEALTH INSURANCE</option>
      <option  value="CLUB">CLUB</option>
      <option  value="MEDICINE">MEDICINE</option>
      <option  value="BANK LOAN">BANK LOAN</option>
    </select>
  </td>
  <td> <input type="text" name="ALAMT[]"></td>
</tr>

并在 PHP 代码中循环遍历它们

$description = $_POST["DESCR"];
$amount = $_POST["ALAMT"];
for( $i = 0; $i < count($description); $i++) {
 // use $description[$i] and $amount[$i]
}

关于javascript - 如何使用 php 对动态插入的 html 元素进行多个 SQL 查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34489006/

25 4 0
文章推荐： android - Phonegap 中 require-2.1.1.min.js 的脚本错误
文章推荐： mysql - 远程数据库错误: connect ECONNREFUSED (node-mysql/UBuntu/VirtualBox)
文章推荐： android - 在 requestSingleUpdate() 中，GPS 无法在某些 Android OS 2.3 设备中获取位置
文章推荐： android - 如何创建视频动态壁纸
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com