Resulta de que necesito una tabla que me funcione como formulario, es decir que en la tabla deben ir campos que se llenarán con datos, no se imprimirá nada. Necesito dos botones de eliminar y agregar fila, Ya tengo ese código pero hay un problema en uno de los campos del formulario que esta en la tabla, hay un select ese select tiene código php, y para agregar ese select cuando le doy click al boton agregar fila, no me lo permite ya que es codigo php dentro de javascript, que puedo hace para solucionarlo?
Aqui esta mi tabla(la parte del php)
</thead>
<tbody>
<tr>
<td> <input class="form-control mr-sm-2 col-12" type="text" name="codigo" id="codigo"> </td>
<td><input class="form-control mr-sm-2 col-12" type="text" name="nombre" id="nombre"> </td>
<td>
<select class="col-12 form-control mr-sm-2 " name="unidad_medida">
<?php
while($datos = mysqli_fetch_array($consulta_u_medida)){ //array recorre datos
?>
<option value="<?php echo $datos['codigo']?>"> <?php echo $datos['nombre'] ?> </option>
<?php } ?>
</select>
</td>
<td><input class="form-control mr-sm-2 col-12" type="text" name="cantidad"> </td>
<td><input class="form-control mr-sm-2 col-12" type="date" name="fecha_vencimiento"></td>
<td><input class="form-control mr-sm-2 col-12" type="text" name="precio_unitario" > </td>
<td><input class="form-control mr-sm-2 col-12" type="text" name="precio_total"> </td>
</tr>
</tbody>
Aqui esta el script que hace funcionar a los botones agregar y eliminar fila
<script>
var myTable = document.querySelector("table");
function agregarFila(){
var row = myTable.insertRow(myTable.rows.length);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
var cell6 = row.insertCell(5);
var cell7 = row.insertCell(6);
cell1.innerHTML = '<input class="form-control mr-sm-2 col-12" type="text" name="codigo" id="codigo">';
cell2.innerHTML = '<input class="form-control mr-sm-2 col-12" type="text" name="nombre" id="nombre">';;
cell3.innerHTML = ' <select class="col-12 form-control mr-sm-2 " name="unidad_medida">
<?php
while($datos = mysqli_fetch_array($consulta_u_medida)){ //array recorre datos
?>
<option value="<?php echo $datos['codigo']?>"> <?php echo $datos['nombre'] ?> </option>
<?php } ?>
</select>';;
cell4.innerHTML = '<input class="form-control mr-sm-2 col-12" type="text" name="cantidad">';;
cell5.innerHTML = '<input class="form-control mr-sm-2 col-12" type="text" name="precio_unitario"';;
cell7.innerHTML = '<input class="form-control mr-sm-2 col-12" type="text" name="precio_total"';;
}
function eliminarFila(){
var rowCount = myTable.rows.length;
if(rowCount <= 1) {
alert('No se puede eliminar el encabezado');
} else {
myTable.deleteRow(rowCount -1);
}
}
</script>
cell5
ycell6
select2