Buenas gente tengo el siguiente problema tengo un tabla que se agrega fila dinamicamente usando jquery, cada fila contiene un select, y dos input lo que necesito es que cuando selecciones un valor en el select de esa fila uno de los input debe torma un valor predeterminado en una base de datos segun el valor del select, es decir, selecciono sal y el input de name "unidad" debe poner Kg en su value, selecciono agua en el input de name unidad debe poner ml en su value, esto lo quiero hacer con jquery o javascript como sea mas facil, a continuación mi codigo:
html
Cita: <input type="button" value="Agregar" onClick="agregarNueva()"><input type="button" value="Borrar" onClick="borrar()">
<br>
<table id="tabla1">
<tr><th>selecciones un Producto</th><th>Indique la Cantidad</th><th>Unidad</th></tr>
<td><select onChange="cambio(this.value)" name="producto[]" style="display:inline;" class="producto">
<?php
require_once("conexion.php");
$con = conexion();
$registros1 = mysqli_query($con, "select * from materia_prima") or
die(mysqli_error($con));
while ($reg1 = mysqli_fetch_array($registros1)) {
echo "<option value=\"" . $reg1[nombre] . "\" selected>" . $reg1[nombre] . "</option>";
}
?>
<option value="productos" selected>Selecciones un Productos</option>
</select>
</td>
<td><input type="text" name="cantidad[]" id="cantidad" ></td>
<td><input type="text" name="unidad[]" id="unidad"></td>
</tr>
</table>
<table id="tabla2">
</table>
Ahora el código jquery
Cita: <script type="text/javascript">
function agregarNueva()
{
var fila = $('#tabla1 tr:last').clone();
$('#tabla2').append(fila)
$('#tabla2 #cantidad:last').val('');
$('#tabla2 #unidad:last').val('');
}
function borrar()
{
$('#tabla2 tr:last').remove();
}
</script>
le agradezco toda la ayuda posible ya que ando varios días buscando una solución a esto.