Foros del Web - Ver Mensaje Individual

isc_seeker · #1 (**permalink**) 26/08/2011, 10:50

Que tal foros del web, tengo el siguiente codigo que me genera una caja de texto y dos radio button cada vez que le doy clic en nuevo

Código HTML:

Ver original<html>
<body>
<input type="hidden" value="0" id="theValue" />
<p><a href="javascript:;" onclick="addElement();"><input type="button" name="generate" value="Nuevo"></a></p>
    <div id="myDiv"> </div>
<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
 
  numi.value = num;
 
  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);
}
 
function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
 
  d.removeChild(olddiv);
}
</script>
</body>
</html>

también tiene la opción de eliminar un campo si este ya no es requerido, pero tengo el problema de que no me elimina dicho campo... alguna sugerencia ? pueden ver ustedes cual es mi error de código ??? :/

saludos cordiales