Si entiendo bien tu duda, lo que quieres es que al eliminar un elemento con su id, este no se pierda, si no que al volver a crear un nuevo elemento este se cree con el id que se perdió. Para el caso especifico que planteas:
Cita:
Iniciado por isc_seeker 
excelente :) gracias ! solo que ahora me salio que al eliminar los datos, el cliclo continua, por lo que la numeración sigue su curso, es decir, tengo 5 elementos, 1,2,3,4 y 5 y cuando elimino el 5 por ejemplo, y le doy en Nuevo otra vez, comienza a crear a partir de 6... alguna forma de que continue con el numero que le sigue ?
Puedes probar lo siguiente:
Código Javascript
:
Ver original<script>
var num =1;
function addElement() {
var ni = document.getElementById('myDiv');
var newdiv = document.createElement('div');
var divIdName = 'numero'+num+'';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML = ''+num+' <input type="text"><input type="radio" name="rd1'+num+'"><input type="radio" name="rd1'+num+'"><a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Eliminar elemento "'+divIdName+'"</a>';
ni.appendChild(newdiv);
num++;
}
function removeElement(divNum) {
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
num--;
}
</script>
He reemplazado el uso del input oculto (no me gusta ese tipo de estrategias), por una variable global, pero como te he dicho esto solo sirve para el caso que planteas, supongamos que no se elimina el ultimo elemento, si no el tercero, en este caso con el script que te acabo de pasar, repetira el ultimo id, es decir tenemos: 1,2,3,4 y 5. Elimino 3 y agrego uno nuevo, en este caso quedara: 1,2,4,5,5. Lo cual si entendi bien no es lo que buscas, así que he creado dos nuevas funciones para tratar de solventar tu problema:
Código Javascript
:
Ver original<script>
function addElement() {
var ni = document.getElementById('myDiv');
var newdiv = document.createElement('div');
var num = faltaNum();
var divIdName = 'numero'+num+'';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML = ''+num+' <input type="text"><input type="radio" name="rd1'+num+'"><input type="radio" name="rd1'+num+'"><a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Eliminar elemento "'+divIdName+'"</a>';
ni.appendChild(newdiv);
}
function faltaNum() {
var ni = document.getElementById('myDiv').childNodes;
var i=1
while(i<=ni.length) {
if(!existe("numero"+i)) {
return i;
}
i++;
}
return i;
}
function existe(id) {
var ni = document.getElementById('myDiv').childNodes;
for(var i=0; ele=ni.item(i); i++) {
if(ele.id == id) {
return true;
}
}
return false;
}
function removeElement(divNum) {
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
</script>
la función existe se encarga de recorrer el div para ver si el elemento pasado como parametro existe o no, si lo encuentra retorna true, de caso contrario retorna false, por su parte faltaNum retorna el numero que haga falta y para ello hace uso de existe. Ya para no extenderme tanto, quiero aconsejarte de no dejar ningun espacio entre las etiquetas de div:
Código HTML:
<div id="myDiv"></div>
De esta forma se evitan posibles errores. Espero haber sido lo suficientemente claro en mi explicación y SALUDOS.
No me elimina campos 
