Poner un valor a un input dinámico según el valor de un select dinamico

[lzerol]

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

<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

<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.