autocompletar info en caja de texto

tengo una tabla con esta estructura:

producto, precio y color

ahora mediante un select creo un listado de esos productos, y los otros dos campos quiero cargarlos en unas cajas de texto y segun balla cambiando de producto estos datos cambien segun sea el caso, e buscado informacion pero por ser nuevo en esto la verdad no se ni que estoy buscando, ojala puedan ayudarme

vos decis cambiar precio y color segun que producto elijan ?

primero que nada darles un id a los 3 elementos para luego poder llamarlos de js.

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script>
$(document).ready(function(){
$('#productos').change(function(){
var valores = $(this).select().attr('value').split("-");
$('#color').attr('value', valores[0]);
$('#precio').attr('value', '$' + valores[1]);
});
});
</script>

yo lo que pense seria en la propiedad value del select darles el color y precio separados por -
entonces seria value="marron - 500"

como ves tienes que importar la clase de jquery para que funcione.

Saludos