actualizar dato al borrar un elemento

[jandrogdz]

Buenas foro

Alguien sabe como se puede actualizar un dato al eliminar un elemento.
Estoy creando un formulario dinámico con JAVASCRIPT y crea perfectamente los elementos que necesito, mi problema es que si creo tres div y elimino el segundo los id's se quedan como 1 y 3 cuando el 3 debería de actualizarse a 2 alguien sabe como hacer esto:

Código Javascript:

num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('detalle');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  fi.appendChild(contenedor);
 
  var lista = document.createElement('select'); 
    lista.name = "unidad"+num;
    var op0 = new Option("",""); 
    var op1 = new Option("Paquete", "Paquete"); 
    var op2 = new Option("Pieza", "Pieza"); 
    var op3 = new Option("Servicio", "Servicio"); 
    var op4 = new Option("No aplica", "No aplica"); 
    lista.appendChild(op0);  
    lista.appendChild(op1); 
    lista.appendChild(op2); 
    lista.appendChild(op3);  
    lista.appendChild(op4);  
    contenedor.appendChild(lista);  
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cantidad'+num; 
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'precio'+num;
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'cantidad'+num;
  contenedor.appendChild(ele);
  
  ele = document.createElement('input');
  ele.type = 'button';
  ele.value = 'Borrar';
  ele.name = 'div'+num;
  ele.onclick = function () {borrar(this.name)}
  contenedor.appendChild(ele);
}
function borrar(obj) {
  num--;
  fi = document.getElementById('detalle');
  fi.removeChild(document.getElementById(obj));
}
 

De antemano muchas gracias.

[IsaBelM]

lo primero que te sugiero es que uses el método cloneNode(). por otro lado, en lugar de usar ids, usa name[]. de este modo podrás validar y leer, al recibir, los valores del formulario. si es que esa es tu intención

[underwebinfo]

pfff hermano como te complicas con las 20 mil variables, te paso esto, te va a servir...

Código Javascript:

function Crear(){
 
// variables
datos [['',''],['Paquete','Paquete'],['Pieza','Pieza'],['Servicio','Servicio'],['No aplica','No aplica']];
var select = document.createElement('select');
 
// add dates
select.id = '';
select.name ='';
 
// Bucle datos...
for(var i=0;i<datos.length;i++){
 
 
var opt_i = new Option(datos[i][0],datos[i][1]);
 
select.appendChild(opt+i);
 
}
 
 
 
}
 

suplanta esto.

Código Javascript:

var lista = document.createElement('select'); 
    lista.name = "unidad"+num;
    var op0 = new Option("",""); 
    var op1 = new Option("Paquete", "Paquete"); 
    var op2 = new Option("Pieza", "Pieza"); 
    var op3 = new Option("Servicio", "Servicio"); 
    var op4 = new Option("No aplica", "No aplica"); 
    lista.appendChild(op0);  
    lista.appendChild(op1); 
    lista.appendChild(op2); 
    lista.appendChild(op3);  
    lista.appendChild(op4);