Question

我在使用Javascript和提交按钮方面遇到了问题。我没有改变任何东西，但是当我修改我的所有项目时，我看到它不起作用......我有一张桌子，每个学生都有一些资格。使用Javascript我添加一行来编写新的限定条并单击“Agregar”，它将进入另一个名为“procesar_nota.php”的屏幕，该屏幕将添加到数据库中。但是，当我点击“Agregar”时它不起作用，没有任何反应。这个问题到底是什么？

这是我的代码：

 <!DOCTYPE html>
<?php
session_start();

$asignatura=$_GET['asignatura'];

$id_usuario=$_GET['id_usuario'];

$id_alumno=$_GET['id_alumno'];

$curso=$_GET['curso'];

$clase=$_GET['clase'];

?>

<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Página principal de gestión del colegio"  />
    <title> Gesti&oacute;n de alumnos y profesores de colegios </title>
    <link rel="stylesheet" href="css/estilos.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/anadir_filas_notas.js"></script>
    <script type="text/javascript">
      function eliminar(id_nota,curso,clase)
      {
            if (confirm("¿Estás seguro de que quieres eliminar la nota?"))
                 location.href='eliminar_nota.php?id_nota=' + id_nota + '&curso=' +curso + '&clase=' +clase;
      }
  </script>

</head>
<body>
<div id="agrupar">
    <header id="cabecera">
        <?php 
        $titulo = "Notas de clase";
        include("header.php");
        ?>
    </header>
    <nav id="menu">

    </nav>
    <section id="seccion">
        <article>


      <?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_nota, round(calificacion,1) as calificacion, DATE_FORMAT(`fecha`,'%d/%m/%y  %H:%i:%s') AS fecha, asignatura, id_alumno, id_usuario, id_trimestre, tipo_nota from notas where asignatura='".$asignatura."' and id_alumno='".$id_alumno."' and id_usuario='".$id_usuario."' and tipo_nota='clase' order by id_trimestre, fecha";

$resultado = mysql_query($consulta);
echo "
<h2>Notas de clase</h2>
<table border=1 id='tabla' width=auto>
<tr>
<th>Calificación</th>
<th>Fecha</th>
<th>Trimestre</th>
<th></th>
<th></th>
</tr>


<input type='hidden' name='asignatura' id='asignatura' value='".$asignatura."'>
        <input type='hidden' name='id_usuario' id='id_usuario' value='".$id_usuario."'>
        <input type='hidden' name='id_alumno' id='id_alumno' value='".$id_alumno."'>
        ";
while ($fila = mysql_fetch_array($resultado))
{
    echo "<tr><form action='actualizar_notas.php?curso=".$curso."&clase=".$clase."' method='post'>
        <td><input type='text' name='calificacion' value='".$fila['calificacion']."'></td>
        <td>".$fila['fecha']."</td>
        <td>".$fila['id_trimestre']."</td>
        <td><input type='submit' value='Modificar'></td>
        <td><a href='javascript:eliminar(".$fila['id_nota'].",".$curso.",\"".$clase."\")'>Eliminar</a></td>
        <input type='hidden' name='id_nota' id='id_nota' value='".$fila['id_nota']."'>
        </form>
    </tr>";

}
echo "</table>";

echo "<input type='button' id='agregar' value='Agregar fila' />";

echo "
<h2>Media de las notas de clase por trimestres</h2>
<table border=1 id='tabla' width=auto>
<tr>
<th>Trimestre</th>
<th>Nota media</th>
</tr>";

$consulta2 = "select round(avg(calificacion),1) as media, id_trimestre, tipo_nota from notas where asignatura='".$asignatura."' and id_alumno='".$id_alumno."' and id_usuario='".$id_usuario."' and tipo_nota='clase' group by id_trimestre";



$resultado2 = mysql_query($consulta2);

while ($fila2 = mysql_fetch_array($resultado2))
{
    echo "<tr>
        <td>".$fila2['id_trimestre']."</td>
        <td align='right'>".$fila2['media']."</td>
    </tr>";

}
echo "</table>";

mysql_close($conexion);
$_SESSION['asignatura']=$asignatura;
$_SESSION['id_usuario']=$id_usuario;
$_SESSION['id_alumno']=$id_alumno;

echo " <div id='boton_atras'>
<a href='mostrar_alumnos_clase.php?curso=".$curso."&clase=".$clase."'><img src='Imagenes/boton_volver.png' height='33' width='40' alt='Botón'></a>
</div>";
?>
      </article>  
    </section>
    <aside id="columna">
        <div id="lapiztop">
        </div>
        <div id="lapizmed"> 
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <div id="lapizbottom">
        </div>
    </aside>
    <footer id="pie">
        <?php include("footer.html");?>
    </footer>       
</div>    
</body>
</html>

我的Javascript代码是：

$(document).ready(function(){
    var asign=$('#asignatura').val();
    var id_user=$('#id_usuario').val();
    var id_pupil=$('#id_alumno').val();


    $("#agregar").on('click', function(){
        $('#tabla > tbody:last').after("<tr><form action='procesar_nota.php' method='post'><td><input type='text' name='calificacion' value=''></td><td></td><td></td><td><input type='submit' value='Agregar'></td><input type='hidden' name='asignatura' id='asignatura' value="+asign+"><input type='hidden' name='id_usuario' id='id_usuario' value="+id_user+"><input type='hidden' name='id_alumno' id='id_alumno' value="+id_pupil+"></form></tr>");


    });   

});

非常感谢！

Answer 1

如果要动态添加按钮，则应以这种方式绑定单击处理程序：

$(document).on('click','#agregar',function(){
        //your code here
 });

在Javascript上单击它时，提交按钮不起作用

1 个答案: