Здравейте имам следният проблем, таблица в която имам два селект бокса който са зависими и се зареждат от база данни, и два инпута идеята ми е че искам да клонирам реда т.е да добавя нов ред динамично но да запазя зависимоста в случая тази зависимост обаче я имам само на първото поле не на другите
ето js-a
Това е самата таблица
ето js-a
Код:
<script>
function addRow(order_table) {
var table = document.getElementById(order_table);
var rowCount = table.rows.length;
if(rowCount < 12){ // limit the user from creating fields more than your limits
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
}
}else{
alert("Можете да добавяте не повече от 12 реда.");
}
}
</script>
Това е самата таблица
Код:
<form>
<table id="order_table">
<tr>
<td><select name="glass" class="glass">
<option selected="selected">--Изберете стъклопакет--</option>
<?php
$stmt1 = $DB_con->prepare("SELECT * FROM products");
$stmt1->execute();
while($rows=$stmt1->fetch(PDO::FETCH_ASSOC))
{
?>
<option value="<?php echo $rows['productID']; ?>"><?php echo $rows['productName']; ?></option>
<?php
}
?>
</select></td>
<td><select name="size" class="size">
<option selected="selected">--Изберете вид--</option>
</select></td>
<td><input type="text" name="height" id="height" /></td><td><input type="text" name="width" id="width" /></td>
<td>
<input type="button" onClick="addRow('order_table')" /></td>
</tr>
</table>
</form>