<table class="listado">
<thead>
<tr>
<th>Numero de Parte</th>
<th>Peso</th>
<th>Piezas</th>
<th>Total</th>
</tr>
</thead>
<tbody id="tablaFrus">
</tbody>
</table>
</section>
document.addEventListener('DOMContentLoaded', function() {
let codigoNumber = document.getElementById('codigoNumber');
codigoNumber.escanFrus.focus();
codigoNumber.addEventListener("submit", function(e) {
e.preventDefault();
$.ajax({
url: 'includes/function/funciones.php',
method:'post',
data: {
escanFrus: codigoNumber.escanFrus.value,
},
})
.done(function(datos) {
console.log( datos );
if (datos === false) {
alert('No se encontro el Frus escaneado');
return;
}
$('#tablaFrus').append($('<tr>')
.append($('<td>').append( datos.part_number ))
.append($('<td>').append( datos.fru_weiIght ))
.append($('<td>').append('<input type="text" id="piezas" name="piezas" class="inputable">'))
.append($('<td>').append('<label id="pesoMultiple"></label>'))
);
})
.fail(function() {
alert( "Error" );
})
.always(function() {
$("input[name='escanFrus']").select();
});
});
}, false);
$conexion = new PDO(
"mysql:host=${servidor};dbname=${base_datos};charset=utf8",
$usuario,
$clave,
[
PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'UTF8'"
]
);
/* No es necesario y no es recomendable hacerlo así */
/*$conexion->exec("SET CHARACTER SET utf8");*/
/* Preparamos la consulta SQL */
$res = $conexion->prepare('
SELECT *
FROM fruzbrasil
WHERE part_number = :escanFrus
');
/* Asignamos el parámetro al valor enviado por POST */
$res->bindValue(
':escanFrus',
$_POST['escanFrus'],
PDO::PARAM_STR
);
/* Ejecutamos la consulta */
$res->execute();
/* Devolvemos el registro obtenido como respuesta en JSON */
header("Content-type: application/json; charset=utf-8");
echo json_encode($res->fetch(PDO::FETCH_ASSOC));
<table border="1">
<thead>
<tr>
<td>Peso</td>
<td>Piezas</td>
<td>Total</td>
</tr>
</thead>
<tbody id="importes">
<tr>
<td>123</td>
<td><input type="text" name="cantidad" ></td>
<td></td>
</tr>
</tbody>
</table>
<script>
$('#importes').on('change','input[name="cantidad"]',calcular);
function calcular(){
fila = $(this).closest('tr');
peso = fila.find('td:eq(0)').text();
piezas = $(this).val();
total = peso*piezas;
fila.find('td:eq(2)').text(total);
}
</script>