Tengo una tabla editable donde no obligatoriamente se deben llenar todos los datos, pero al momento de realizar el guardado, el cual no me genera ningún error al momento de guardarlo, solo llego a ver el id de la lista desplegable del dropdownlist, pero los demas datos no se muestran ... Estuve leyendo en otros foros y dicen que tengo que capturar el valor pero no eencontrado mayor ejemplo o detalle de eso
function guardaConsulta() {
let t1 = document.getElementById("medicamento1").value;
let t2 = document.getElementById("concentracion1").value;
let t3 = document.getElementById("idpresentacion1").value;
let t4 = document.getElementById("cant1").value;
let t5 = document.getElementById("medicamento2").value;
let t6 = document.getElementById("concentracion2").value;
let t7 = document.getElementById("idpresentacion2").value;
let t8 = document.getElementById("cant2").value;
var idEntidad = document.getElementById("idEntidad").value;
var motivo = document.getElementById("motivo").value;
var diagnostico = document.getElementById("diagnostico").value;
let tratamiento = [t1, t2, t3, t4, t5, t6, t7, t8];
var fechaFin = document.getElementById("txfinTratamiento").value;
var foto = document.getElementById("imgFoto").src;
var frm = new FormData();
frm.append("idEntidad", idEntidad);
frm.append("motivo", motivo);
frm.append("diagnostico", diagnostico);
frm.append("tratamiento", tratamiento);
frm.append("finTratamiento", fechaFin);
frm.append("imagen", foto);
$.ajax({
type: "POST",
url: "/Consulta/Guardar",
data: frm,
contentType: false,
processData: false,
success: function (data) {
if (data == "ok") {
correcto("Se guardo correctamente");
document.getElementById("btnCerrado").click();
} else {
error("Ocurrio un error");
document.getElementById("divError").innerHTML = data;
}
}
})
}
<table class="table table-sm text-center" id="tablaeditable">
<thead class="table-info">
<tr>
<th class="text-center">Medicamento o Insumo</th>
<th class="text-center">Concentracion</th>
<th class="text-center">Forma Farmaceutica</th>
<th class="text-center">Cant</th>
</tr>
</thead>
<tbody>
<tr>
<td contenteditable="true" id="medicamento1"></td>
<td contenteditable="true" id="concentracion1"></td>
<td>@Html.DropDownList("idpresentacion1", listaPre, new { @class = "form-control form-control-chosen", @style = "width:200px" })</td>
<td contenteditable="true" id="cant1"></td>
</tr>
<tr>
<td contenteditable="true" id="medicamento2"></td>
<td contenteditable="true" id="concentracion2"></td>
<td>@Html.DropDownList("idpresentacion2", listaPre, new { @class = "form-control form-control-chosen", @style = "width:200px" })</td>
<td contenteditable="true" id="cant2"></td>
</tr>
</tbody>
</table>