Como Agregar Filas , que incluye un <Select> e inputs

[colote]

Hola gente !!!!!!!!
Hace un par de semanas que sigo con el mismo problema, ahora lo estoy haciendo de distintas maneras.
El tema es asi ..
Tengo un formulario con una lista desplegable, que cuando seleccionas un item, muestra los datos en inputs.
Lo que no puedo hacer es que me agregue una fila con un boton.
O sea puedo agregar filas, pero lo que no se como hacer es que me las agregue y pueda volver a seleccionar un item y que me muestre los datos .


Asi hago el Select:

Código PHP:

 <select name="lista" id="lista" onChange="listaSeleccionada(this)">
    <option value="option">Seleccionar</option>
 
<?php
$resump=mysql_query("select * from materia_prima order by codigo",$conexion);
$sub_mp_pesos=10;
$sub_mp_dolar=20;
while ($row1=mysql_fetch_array($resump))
       {  
print "<option value='".$row1["codigo"]."' 
                     alt='".$row1["unidad"] ."',
                    alt1='".$row1["costo_mp_pesos"] ."',
                    alt2='".$row1["costo_mp_dolar"] ."'> 
                    ".$row1["nombre"]."</option>";
}
    echo "</n>"; // un select debajo del otro !!!
?>
</select>  

Esta es la funcion que me hace mostrar los datos de la lista:

Código PHP:

  function listaSeleccionada(lista) {  
document.form.code.value = lista.options[lista.selectedIndex].value; 
document.form.name.value = lista.options[lista.selectedIndex].text; 
document.form.unid.value = lista.options[lista.selectedIndex].getAttribute("alt");
document.form.cos_mp_pesos.value = lista.options[lista.selectedIndex].getAttribute("alt1");
document.form.cos_mp_dolar.value = lista.options[lista.selectedIndex].getAttribute("alt2");
} 
   

Asi agrego las filas:

Código PHP:

  function addRow(){
var tabla = document.getElementById('tabla');
 
    var fila = tabla.insertRow(-1);
    
    var celda0 = fila.insertCell(0);
    var celda1 = fila.insertCell(1);
    var celda2 = fila.insertCell(2);
    var celda3 = fila.insertCell(3);
    var celda4 = fila.insertCell(4);
    var celda5 = fila.insertCell(5);
    var celda6 = fila.insertCell(6);
    var celda7 = fila.insertCell(7);
    var celda8 = fila.insertCell(8);
    var celda9 = fila.insertCell(9);
 
    celda0.innerHTML = 'HOLA';
    celda1.innerHTML = '<input type="text" size="5" name="code[]" id="code" value=""/ disabled>';
    celda2.innerHTML = '<input type="text" size="25" name="name[]" id="name" value=""/>';
    celda3.innerHTML = '<input type="text" size="7" name="unid[]" id="unid" value=""/>'; 
    celda4.innerHTML = '<input type="text" size="7" name="cant_mp[]" id="cant_mp" value=""/>'
    celda5.innerHTML = '<input type="text" size="7" name="desperdicio[]" id="desperdicio" value=""/>'
    celda6.innerHTML = '<input type="text" size="7" name="cos_mp_pesos[]" id="cos_mp_pesos" value=""/>'
    celda7.innerHTML = '<input type="text" size="7" name="cos_mp_dolar[]" id="cos_mp_dolar" value=""/>'
    celda8.innerHTML = '<input type="text" size="7" name="sub_mp_pesos[]" id="sub_mp_pesos" value=""/>'
    celda9.innerHTML = '<input type="text" size="7" name="sub_mp_dolar[]" id="sub_mp_dolar" value=""/>'
    
 
} 
   

Como sera que donde dice hola, pueda hacer que me despliegue una lista ???

Gracias de antemano!!!!!!!!

Ahh aca les dejo el link paa que vean como funciona !!!
<Ejemplo>