Nuevos Elementos

[isc_seeker]

Iniciado por laratik

Hola isc_seeker, Siempre existen dos opciones, con innerHTML

Código Javascript:

function newElement() {
    document.getElementById("form").innerHTML = document.getElementById("form").innerHTML+'<br/><input type="text" /> SI <input type="checkbox" value="si" /> NO <input type="checkbox" value="no" />';
}
 

o como bien dice lordglazoon con DOM

Código Javascript:

function newDOM() {
    var text = document.createElement("input");
    text.type = "text";
    var si = document.createTextNode(" SI ");
    var no = document.createTextNode(" NO ");
    var check1 = document.createElement("input");
    check1.type = "checkbox";
    var chack2 = check1.cloneNode(true);
    check1.value = "si";
    check2.value = "no";
    document.getElementById("form").appendChild(document.createElement("br"));
    document.getElementById("form").appendChild(text);
    document.getElementById("form").appendChild(si);
    document.getElementById("form").appendChild(check1);
    document.getElementById("form").appendChild(no);
    document.getElementById("form").appendChild(check2);
}
 

Código HTML:

<form action="prueba.php" method="post" id="form">
	<input type="text" /> SI <input type="checkbox" value="si" /> NO <input type="checkbox" value="no" /><input type="button" value="Agregar" onclick="newElement()" />
</form> 

Espero que sea lo que estas buscando.

si me ayudó, pero no lo pude hacer funcionar... como quedaría estructurado el código ya así al final ???