Databases
StackOverflow2013
Postsdbo
POSelect options form on Jquery and appendTo
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSelect options form on Jquery and appendTo
    text
    copied!<p>i´m trying to add while Jquery a row which has a form with a select tag with 4 options to select them:</p> <pre><code>$(document).ready(function(){ var asign=$('#asignatura').val(); var id_user=$('#id_usuario').val(); var id_pupil=$('#id_alumno').val(); $("#agregar").on('click', function(){ $('#tabla &gt; tbody:last').after("&lt;tr&gt;&lt;form id='incidencias' action='procesar_incidencia.php' method='post'&gt;&lt;td&gt;&lt;select name='tipo_incidencia' form='incidencias'&gt;&lt;option value='falta'&gt;Falta&lt;/option&gt;&lt;option value='retraso'&gt;Retraso&lt;/option&gt;&lt;option value='falta_justificada'&gt;Falta justificada&lt;/option&gt;&lt;option value='actitud'&gt;Actitud&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='text' name='observaciones' value=''&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='submit' value='Agregar'&gt;&lt;/td&gt;&lt;input type='hidden' name='asignatura' id='asignatura' value="+asign+"&gt;&lt;input type='hidden' name='id_usuario' id='id_usuario' value="+id_user+"&gt;&lt;input type='hidden' name='id_alumno' id='id_alumno' value="+id_pupil+"&gt;&lt;/form&gt;&lt;/tr&gt;"); }); }); </code></pre> <p>HTML:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;?php session_start(); $asignatura=$_GET['asignatura']; $id_usuario=$_GET['id_usuario']; $id_alumno=$_GET['id_alumno']; ?&gt; &lt;html lang="es"&gt; &lt;head&gt; &lt;meta charset="iso-8859-1" /&gt; &lt;meta name="description" content="Página principal de gestión del colegio" /&gt; &lt;title&gt; Gesti&amp;oacute;n de alumnos y profesores de colegios &lt;/title&gt; &lt;link rel="stylesheet" href="estilos.css"&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="anadir_filas_incidencias.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="agrupar"&gt; &lt;header id="cabecera"&gt; &lt;div id="textoprincipal"&gt; &lt;h1&gt;Notas&lt;/h1&gt; &lt;/div&gt; &lt;/header&gt; &lt;nav id="menu"&gt; &lt;/nav&gt; &lt;section id="seccion"&gt; &lt;article&gt; &lt;?php require_once("conexion_base_datos.php"); date_default_timezone_set('Europe/Madrid'); $hora=date("Y-m-d H:i:s", time()); $consulta = "select id_incidencias, tipo_incidencia, observaciones, fecha from incidencias where asignatura='".$asignatura."' and id_alumno='".$id_alumno."' and id_usuario='".$id_usuario."'"; $resultado = mysql_query($consulta); echo " &lt;table border=1 width=auto id='tabla'&gt; &lt;tr&gt; &lt;th&gt;Tipo_incidencia&lt;/th&gt; &lt;th&gt;Observaciones&lt;/th&gt; &lt;th&gt;Fecha&lt;/th&gt; &lt;/tr&gt; &lt;input type='hidden' name='asignatura' id='asignatura' value='".$asignatura."'&gt; &lt;input type='hidden' name='id_usuario' id='id_usuario' value='".$id_usuario."'&gt; &lt;input type='hidden' name='id_alumno' id='id_alumno' value='".$id_alumno."'&gt;"; while ($fila = mysql_fetch_array($resultado)) { $var = $fila['tipo_incidencia']; echo " &lt;tr&gt;&lt;form id='incidencias' action='actualizar_incidencias.php' method='post'&gt; &lt;td&gt;&lt;select name='tipo_incidencia' form='incidencias'&gt;"; if($var == "falta"){echo" &lt;option value='falta' selected&gt; Falta&lt;/option&gt; &lt;option value='retraso'&gt;Retraso&lt;/option&gt; &lt;option value='falta_justificada'&gt; Falta justificada&lt;/option&gt; &lt;option value='actitud'&gt;Actitud&lt;/option&gt; &lt;/select&gt;&lt;/td&gt;"; } if($var == "retraso"){ echo" &lt;option value='falta'&gt; Falta&lt;/option&gt; &lt;option value='retraso' selected&gt;Retraso&lt;/option&gt; &lt;option value='falta_justificada'&gt; Falta justificada&lt;/option&gt; &lt;option value='actitud'&gt;Actitud&lt;/option&gt; &lt;/select&gt;&lt;/td&gt;"; } if($var == "falta_justificada"){ echo" &lt;option value='falta'&gt; Falta&lt;/option&gt; &lt;option value='retraso'&gt;Retraso&lt;/option&gt; &lt;option value='falta_justificada' selected&gt; Falta justificada&lt;/option&gt; &lt;option value='actitud'&gt;Actitud&lt;/option&gt; &lt;/select&gt;&lt;/td&gt;"; } if($var == "actitud"){ echo" &lt;option value='falta'&gt; Falta&lt;/option&gt; &lt;option value='retraso'&gt;Retraso&lt;/option&gt; &lt;option value='falta_justificada'&gt; Falta justificada&lt;/option&gt; &lt;option value='actitud' selected&gt;Actitud&lt;/option&gt; &lt;/select&gt;&lt;/td&gt;"; } echo" &lt;td&gt;&lt;input type='text' name='observaciones' value='".$fila['observaciones']."'&gt;&lt;/td&gt; &lt;td&gt;".$fila['fecha']."&lt;/td&gt; &lt;td&gt;&lt;input type='submit' value='Enviar'&gt;&lt;/td&gt; &lt;/form&gt; &lt;/tr&gt; "; echo "&lt;br&gt;"; } echo "&lt;/table&gt;"; echo "&lt;input type='button' id='agregar' value='Agregar fila' /&gt;"; ?&gt; &lt;/article&gt; &lt;/section&gt; &lt;footer id="pie"&gt; &lt;/footer&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>My idea is to pick up the variable POST: tipo_incidencia of select tag, to use it on "procesar_incidencia.php". However, on "procesar_incidencia.php", doesn´t find: $_POST['tipo_incidencia']. </p> <p>It seems to be it´s a problem with select tag on jquery.</p> <p>Is well-built, or have i a problem?</p> <p>Thanks!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload