No copia formulario dinamico

#1 (**permalink**) 02/08/2013, 09:58

No me funciona este codigo en que falla?

Que es lo que hace, cuando doy click en "Give me more fields!" debe clonar (literalmente) el fomulario pueden indicarme en que estoy cometiendo error?

Código:

<script type="text/javascript">

var counter = 0;

function moreFields() {
	counter++;
	var newFields = document.getElementById('readroot').cloneNode(true);
	newFields.id = '';
	newFields.style.display = 'block';
	var newField = newFields.childNodes;
	for (var i=0;i<newField.length;i++) {
		var theName = newField[i].name
		if (theName)
			newField[i].name = theName + counter;
	}
	var insertHere = document.getElementById('writeroot');
	insertHere.parentNode.insertBefore(newFields,insertHere);
}

window.onload = moreFields;
</script>

Código HTML:

<html>

<head>

<title>Testing Page</title>
<h1><center>asd</center></h1>   
</head>

<div id="readroot" style="display: none">

	<input type="button" value="Remove review"
		onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br />

	<input name="cd" value="title" />

	<select name="rankingsel">
		<option>Rating</option>
		<option value="excellent">Excellent</option>
		<option value="good">Good</option>
		<option value="ok">OK</option>
		<option value="poor">Poor</option>
		<option value="bad">Bad</option>
	</select><br /><br />

	<textarea rows="5" cols="20" name="review">Short review</textarea>
	<br />Radio buttons included to test them in Explorer:<br />
	<input type="radio" name="something" value="test1" />Test 1<br />
	<input type="radio" name="something" value="test2" />Test 2

</div>

<form method="post" action="/cgi-bin/show_params.cgi">

	<span id="writeroot"></span>

	<input type="button" id="moreFields" value="Give me more fields!" />
	<input type="submit" value="Send form" />
	
</form>



</html>

alexg88 · #2 (**permalink**) 02/08/2013, 12:25

Tienes que asignar la función al evento click del botón:

Código Javascript:

Ver originalvar counter = 0;
 
function moreFields() {
    counter++;
    var newFields = document.getElementById('readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++) {
        var theName = newField[i].name
        if (theName)
            newField[i].name = theName + counter;
    }
    var insertHere = document.getElementById('writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);
}
 
window.onload = function()
{
 document.getElementById("moreFields").onclick = moreFields;    
    moreFields();
};

#3 (**permalink**) 02/08/2013, 13:14

muchas gracias!