Dispongo de un botón llamado "nueva"...
<input type="submit" style="width:200px; height:28px;" name="nueva" id="nueva" value="Añadir">
Quiero que al seleccionarlo o hacer click, se abra un formulario/div para rellenar unos datos.
<form action="<?php echo $_SERVER['PHP_SELF'];?>" name="anadir" id="anadir" method="POST">
<label for="nombre">Nombre: </label><input type="text" id="nombre" name="nombre"/></label><br/><br/>
<label for="capacidad">Capacidad: </label>
<?php
echo "<select name='capacidad'>";
for($i=1; $i<11; $i++){
if($i==1){
echo "<option value='$i' selected='selected'>$i</option>";
}else{
echo "<option value='$i'>$i</option>";
}
}
echo "</select>";
?><br/><br/>
<label for="descripcion">Descripción: </label><input type="text" id="descripcion" name="descripcion"/></label><br/><br/>
<label for="precio">Precio: </label><input type="text" id="precio" name="precio"/></label><br/><br/>
<input type="submit" value="Guardar" id="guardar" name="guardar"/>
<input type="reset" value="Resetear" id="resetear" name="resetear"/>
</form>
Dudas:
1) ¿Por qué se abre pero se cierra al segundo? Sin dar opción a rellenar datos.
2) ¿Cómo se podría valorar si todos los campos están rellenados, y pulsamos "Guardar", cierre el formulario?
Código jQuery:
$(document).ready(function(){
$('#anadir').hide();
$("#nueva_cabana").on("click", function() {
$('#anadir').show();
});
});