Hola buenas:
estoy intentando recoger datos en $_POST que provienen de un formulario en el que puedo crear nuevos inputs con un código JS en DOM. El problema es que los nuevos inputs html creados en el DOM con JS no quedan recogidos posteriormente en variable $_POST. ¿Alguien sabe cómo podría hacerlo? Gracias.
<script type="text/javascript">
function radio_persona(persona){
switch (persona) {
case 'empresa':
document.getElementById('cliente_particular').styl e.display = 'none';
document.getElementById('cliente_empresa').style.d isplay = '';
break;
case 'particular':
document.getElementById('cliente_empresa').style.d isplay = 'none';
document.getElementById('cliente_particular').styl e.display = '';
break;
}
}
function nueva_direccion () {
var direccion = document.getElementById('div_direccion');
var direccion_1 = document.createElement("div");
var texto = '<table border="1" id="table_direccion"><tr><td colspan="4"><b>Dirección</b></td></tr><tr><td colspan="4"><input type="text" style="width:300px" /></td><tr><tr><td><b>CP</b></td><td><input type="text" style="width:50px" /></td><td><b>Población</b></td><td><input type="text" style="width:160px" /></td></tr><tr><td colspan="4"><input type="checkbox" value="predeterminada"/>Dirección predeterminada (facturación)</td></tr><div id="div_direccion"></div></table>';
direccion_1.innerHTML = texto;
direccion.appendChild(direccion_1);
}
</script>
</head>
<body>
<div id="crear cliente">
<form action="clientes.php" method="post">
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="100%" class="pageName" >CREAR CLIENTE</td>
</tr>
<tr>
<tr>
<td width="100%" class="pageName" >
<input type="radio" name="empresa" onclick="radio_persona('empresa')" />Empresa<br />
<input type="radio" name="particular" onclick="radio_persona('particular')" />Particular<br />
</td>
</tr>
<td class="bodyText" >
<div id="cliente_empresa" name="cliente_empresa" style="display:none">
<table>
<tr>
<td colspan="2"><i>Empresa</i></td>
</tr>
<tr>
<td><b>CIF</b></td>
<td><input type="text" style="width:85px" name="CIF" /></td>
</tr>
</table>
<table>
<tr>
<td><b>Razón Social</b></td>
</tr>
<tr>
<td><input type="text" style="width:300px" name="razon_social"/></td>
</tr>
</table>
</div>
<div id="cliente_particular" name="cliente_particular" style="display:none">
<table>
<tr>
<td colspan="2"><i>Particular</i></td>
</tr>
<tr>
<td><b>DNI</b></td>
<td><input type="text" style="width:85px" name="DNI"/></td>
</tr>
</table>
<table>
<tr>
<td><b>Nombre</b></td>
</tr>
<tr>
<td><input type="text" style="width:300px" name="nombre"/></td>
</tr>
<tr>
<td><b>Primer Apellido</b></td>
</tr>
<tr>
<td><input type="text" style="width:300px" name="primer_apellido"/></td>
</tr>
<tr>
<td><b>Segundo Apellido</b></td>
</tr>
<tr>
<td><input type="text" style="width:300px" name="segundo_apellido"/></td>
</tr>
</table>
</div>
<table>
<tr>
<td><b>Observaciones</b></td>
</tr>
<tr>
<td><input type="text" style="width:300px" name="observaciones"/></td>
</tr>
<tr>
<td><input type="submit" value="Crear Cliente"/></td>
</tr>
</table>
</p>
</td>
</tr>
</table>
<div id="div_direccion"></div>
<table border="1" id="table_direccion">
<tr>
<td colspan="4"><b>Dirección</b></td>
</tr>
<tr>
<td colspan="4"><input type="text" style="width:300px" name="direccion"/></td>
</tr>
<tr>
<td><b>CP</b></td>
<td><input type="text" style="width:50px" name="CP"/></td>
<td><b>Población</b></td>
<td><input type="text" style="width:160px" name="poblacion"/></td>
</tr>
<tr>
<td colspan="4"><input type="checkbox" value="predeterminada" name="direccion_predeterminada"/>Dirección predeterminada (facturación)</td>
</tr>
<tr>
<td colspan="4"><input type="button" onclick="nueva_direccion()" value="Añadir nueva Dirección"/></td>
</tr>
<tr>
<td colspan="4"><input type="submit" value="Crear Dirección"/></td>
</tr>
</table>
</form>