controles dinamicos

[gonzaHLC]

Hola!!!

Quisiera hacer una consulta:

Utilicé el tip dado por el amigo javierB, me funciono perfecto, pero tengo el siguiente problema:

Deseo darle una separacion entre cada componente creado, en este orden

Campotexto select checkbox

y tambien como poder llenar los select con opciones.

Este es mi codigo y queria ver si alguno de ustedes tuvo ese problema y como lo soluciono.

De antemano muchas gracias.

function crear(obj) {
var num=0;
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4
fi.insertBefore(contenedor,obj); // 4

ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'fil'+num; // 6
contenedor.appendChild(ele); // 7

ele = document.createElement('select'); // 5
ele.name = 'fil'+num; // 6
contenedor.appendChild(ele); // 7

ele = document.createElement('input'); // 5
ele.type = 'checkbox'; // 6
ele.name = 'fil'+num; // 6
contenedor.appendChild(ele); // 7

ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
parent.document.forms[0].num.value= num;
}

function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}