Agregar multiples combo o selects enlazados

[rhernando]

Hola,

Tengo un formulario en el cual el cliente seleccione diversos productos ya sea para cotizarlos o para realizar un pedido.

El punto es que la cantidad de productos no es pequeña, por lo tanto mi idea es tener distintos combobox o selects que están enlazados para que el cliente pueda escoger entre las distintas familias y productos.

El problema es el siguiente, cada cliente puede requerir distintos productos, por ejemplo uno puede requerir 5 productos mientras que otro puede requerir 50. Lo que quiero hacer es agregar al formulario un boton que vaya agregando lineas con los distintos campos select o combo. Esto ya lo puedo hacer pero con campos de texto input.

Dejo el código a continuación:

Código:

<script language="javascript" type="text/javascript">

    var posicionCampo=1;

    function agregarUsuario(){

    nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);

    nuevaFila.id=posicionCampo;

    nuevaCelda=nuevaFila.insertCell(-1);

    nuevaCelda.innerHTML="<td><input type=-'text' size='15' name='nombre["+posicionCampo+"]' ></td>";

    nuevaCelda=nuevaFila.insertCell(-1);

    nuevaCelda.innerHTML="<td> <input type='text' size='10' name='web["+posicionCampo+"]' ></td>";

    nuevaCelda=nuevaFila.insertCell(-1);

    nuevaCelda.innerHTML="<td> <input type='text' size='10' name='correo["+posicionCampo+"]' ></td>";

    nuevaCelda=nuevaFila.insertCell(-1);

    nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";

    posicionCampo++;

    }

    function eliminarUsuario(obj){

    var oTr = obj;

    while(oTr.nodeName.toLowerCase()!='tr'){

    oTr=oTr.parentNode;

    }

    var root = oTr.parentNode;

    root.removeChild(oTr);

    }

    </script>

Agradezco cualquier ayuda que me puedan dar.

Saludos,
Rodrigo.