请帮助
当我添加新行时,selectBox为空
我如何像下面的代码那样在新行$row[0]
中收集价值?
<?php
require_once('templates/default/header.php');
session_start();
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
$logres = "<div style= 'color:rgba(255, 255, 255, .5)' >Welcome to the member's area, " . $_SESSION['username'] . "!<div>";
} else {
header("location:./login.php");
}
?>
<?php
require_once('templates/default/footer.php');
$con = oci_connect("???", "???", "//??.??.??.??/???");
$stid = oci_parse($con, "SELECT * FROM items");
oci_execute($stid);
?>
<?php
require_once('templates/default/footer.php');
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="table/css/util.css">
<link rel="stylesheet" type="text/css" href="table/css/main.css">
<div class="nav-scroller bg-white shadow-sm">
<nav class="nav nav-underline">
<meta name="viewport" content="width=device-width, initial-scale=1">
<a class="nav-link active" href="users.php">All Users</a>
<a class="nav-link" href="users.php">Active Users</a>
<a class="nav-link" href="users.php">Deactive Users</a>
</nav>
</div>
<main role="main" class="container">
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
<img class="mr-3" src="assets/img/liteAdmin-logo-512x512.png" alt="" width="48" height="48">
<div class="lh-100">
<h6 class="mb-0 text-white lh-100">Add New User</h6>
<small>Fill Information Form</small>
<small><?php echo $logres; ?></small>
</div>
</div>
</main>
<main role="main" class="container">
<div id="results">
<table width="100%" border="1" cellspacing="0" cellpadding="5" id="productanddates" class="border">
<tbody>
<tr>
<td class="cell100 column1inv">Select</td>
<td class="cell100 column2inv">Item Name</td>
<td class="cell100 column3inv">Price</td>
<td class="cell100 column4inv">QTY</td>
<td class="cell100 column5inv">Vat</td>
<td class="cell100 column6inv">Total</td>
</tr>
<tr>
<td class="cell100 column1inv">
<?php
echo '<select class="myselect" style="width:500px;" name="Phonenumberdd1" id="Phonenumberdd1" onchange="ChooseContact(this)">';
//'<select class="dd" name="Phonenumberdd1" id="Phonenumberdd1" style="width: 100%;" onchange="ChooseContact(this)">';
while (($row = oci_fetch_array($stid, OCI_BOTH)) != false) {
//echo $row[0];
echo '<option value="' . htmlspecialchars($row[0]) . '">' . htmlspecialchars($row[0]) . '</option>';
}
echo '</select>';
?>
</td>
<td class="cell100 column2inv"><input type="text" name="to1" id="to1" value="" style="width: 100%; background-color: #DCDCDC; color: #FFFFFF;" readonly= "true"></td>
<td class="cell100 column3inv"><input type="text" name="price1" id="price1" style="width: 100%; background-color: #DCDCDC; color: #FFFFFF;"></td>
<td class="cell100 column4inv"><input type="text" name="qty1" id="qty1" style="width: 100%; background-color: #DCDCDC; color: #FFFFFF;"></td>
<td class="cell100 column5inv"><input type="text" name="vat1" id="vat1" style="width: 100%; background-color: #DCDCDC; color: #FFFFFF;"></td>
<td class="cell100 column6inv"><input type="text" name="total1" id="total1" style="width: 100%; background-color: #DCDCDC; color: #FFFFFF;"></td>
</tr>
</tbody>
</table>
</div>
<input id="buttonclck" type="button" value="+">
</main>
<script type="text/javascript">
$(".myselect").select2();
</script>
<script type="text/javascript">
function ChooseContact(data) {
document.getElementById ("to1").value = data.value;
}
$(function(){
$('#results').on('focus', ':input', function() {
$(this).closest('tr').filter(function() {
return !$(this).data('saved');
})
.find(':input').each(function() {
$(this).data('value', this.value);
$(this).closest('tr').data('saved', true);
});
})
.on('input change', ':input', function() {
$(this).data('filled', this.value != $(this).data('value'))
var tr = $(this).closest('tr');
all = tr.find(':input'),
fld = all.filter(function() {
return $(this).data('filled');
});
if( all.length == fld.length ) {
if( !tr.data('done') ) {
$('#buttonclck')[0].click();
tr.data('done', true);
}
} else {
if( tr.data('done') ) {
tr.data('done', false);
}
}
});
$('#buttonclck').on('click', function () {
var lastRow = $('#productanddates').closest('#productanddates').find("tr:last-child");
var lastRowInputs = lastRow.find('input');
var isClone = false;
lastRowInputs.each(function() {
if($(this).val().length) {
isClone = true;
}
});
if(!isClone)
return false;
var cloned = lastRow.clone();
cloned.find('input, select').each(function () {
var id = $(this).attr('id');
var regIdMatch = /^(.+)(\d+)$/;
var aIdParts = id.match(regIdMatch);
var newId = aIdParts[1] + (parseInt(aIdParts[2], 10) + 1);
$(this).attr('id', newId);
$(this).attr('name', newId);
});
cloned.find("input[type='text']").val('');
cloned.insertAfter(lastRow);
});
});
</script>
<script>
// tell the embed parent frame the height of the content
if (window.parent && window.parent.parent){
window.parent.parent.postMessage(["resultsFrame", {
height: document.body.getBoundingClientRect().height,
slug: "99pvwypp"
}], "*")
}
// always overwrite window.name, in case users try to set it manually
window.name = "result"
</script>