我制作了一个 html 文件，它接受一些固定用户输入和一些动态用户输入。 以下用户输入由 JavaScript 动态插入:
图片如下:
这是 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 数据库时，问题出现了，因为数据库表列是固定的。我想，如果我如何对一个数字进行相同数量的插入查询 然后，动态用户输入的数量，可以插入的元组/行的数量。但是，要做到这一点，我需要识别每个 动态用户输入和动态用户输入总数，以使用 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) : ' ') . '</td>';
}
print '</tr>';
}
print '</table>';
}
?>
这是 Oracle 11g 表结构:
图片如下:
请告诉我更多信息。谢谢
最佳答案
将这两个字段设为数组，将 [] 添加到这些名称的末尾
<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/