Hola:
Estoy intentando usar un fragmento de código que encontré en una página (ahora no recuerdo cual), es un script que añade o borra campos input según la necesidad del usuario.
El código actual es:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Formularios Dinamicos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
// <!--
// Variable de conteo de "Divs"
var count = 0;
// Funcion que agrega una nueva linea
function addLine(){
// Se agrega un numero al conteo
count += 1;
// Div donde se agregara la nueva linea
var content = document.getElementById('myDiv');
// Se crea un nuevo "DIV" que se agregara a content
var divIdName = 'my' + count + 'Div';
var newDiv = document.createElement('div');
newDiv.setAttribute('id', divIdName);
// Se crea un nuevo "INPUT"
var newInput = document.createElement('input');
newInput.type = 'text';
newInput.size = '10';
newInput.name = 'myInput[]';
// Se crea un Link para poder borrar la linea
var newDelete = document.createElement('a');
newDelete.href = 'javascript:delLine("' + divIdName + '")';
newDelete.innerHTML = 'Borrar Linea';
// Se agrega el "INPUT" y el link al "DIV"
newDiv.appendChild(newInput);
newDiv.appendChild(newDelete);
content.appendChild(newDiv);
}
// Se borra la linea solicitada
function delLine(div){
var content = document.getElementById('myDiv');
var remove = document.getElementById(div);
content.removeChild(remove);
}
// -->
</script>
</head>
<body>
<form method="POST" action="">
<a href="javascript:addLine();">Añadir Linea +</a><br>
<div id="myDiv"></div>
<br><input type="submit">
</form>
</body>
</html>
Actualmente añade un campo de texto y el texto "Borrar linea".
¿Como podría hacer para que se añada la siguiente línea de código?
Es una línea nueva en una tabla.
Código HTML:
<tr>
<td><input type="text" name="orden" id="orden"></td>
<td><input type="text" name="concepto" id="concepto"></td>
<td><input type="text" name="precio" id="precio"></td>
</tr>
Gracias por vuestra ayuda.