Estimados
Verán tengo el siguiente problema tengo un formulario para encuestas en el hay un input para la pregunta y dos para la respuesta.La persona puede eliminar uno de estos input pero ademas agregar mas input respuesta por si necesita mas respuestas, es decir, como minimo una respuesta y las respuestas que estime conveniente
Tengo un boton al lado de cada input respuesta con una imagen para eliminar ese campo o agregar otro respectivamente
Hasta el momento todo bien,pero al momento de enviar el formulario los campos que agregue no son enviados
Ojala me haya explicado bien todo caso aqui dejo el codigo por sia lguien me puede ayudar gracias
Aqui dejo una imagen de lo que intento hacer
Las funciones jquery que clonan el div con el input y otro que envia el fomulario
Código:
$(document).ready(function(){
//copio el input
$('.add').click(function(){
$(this).parent().clone().appendTo('#pregu');
})
//envio el formulario
$('#enviar').click(function(){
$('#formenc').submit();
})
})
</script>
El formulario
Código:
<form method="post" action="add.php" id="formenc" name="formenc">
<div id="pregu">
<div>
<label for="pre">Pregunta</label>
</div>
<div>
<input style="width:200px;" type="text" size="40" name="pre" id="pre"/>
</div>
<div>
<label>Posible Respuesta</label>
<input style="width:200px;" type="text" size="20" name="resp[]" id=""/>
<img class="add" src="img/add.png" width="16" height="16" title="agregar respuesta"/>
<img src="img/trash.gif" width="16" height="16" title="eliminar respuesta" onclick="$(this).parent().remove();"/>
</div>
<div>
<label>Posible Respuesta</label>
<input style="width:200px;" type="text" size="20" name="resp[]" id=""/>
<img class="add" src="img/add.png" width="16" height="16" title="agregar respuesta"/>
<img src="img/trash.gif" width="16" height="16" title="eliminar respuesta" onclick="$(this).parent().remove();"/>
</div>
</div>
<p>
<a id="enviar" class="uibutton icon next" href="#button" >Enviar Encuesta[/url]
</p>
</form>
Si hago un print_r($_POST) en add.php
Código:
Array ( [pre] => pregunta1 [resp] => Array ( [0] => resp1 [1] => resp2 ) )
Como ven me trae los valores de los campos ,pero no los que se agregan al presionar el boton para clonar el campo también lo intente sin clonarlos usando .append('aqui el input'); ...pero igual me trae lo mismo
Gracias nuevamente