我有一个主要的 PHP 页面,它使用 jQuery 加载用户可以执行的操作的不同页面。
这是用户做所有事情的地方。它有一个 jQuery 脚本,当您单击橙色元素时<p>
。
当您单击“Solicitar Software”时,jQuery 会加载“solicitudes.php”。这个 php 页面有它自己的脚本。
当“solicitudes.php”页面加载时,它的 PHP 脚本运行。
require('conexion.php');
$conexion = new connection();
$query = "SELECT * FROM Carreras";
$resultado = mysql_query($query, $conexion -> conn) or die('ERROR:' .$query);
?>
该脚本加载数据库中的所有职业并将它们添加到<select>
您可以看到的:
问题就在这里,当我点击一个carrer时,它不会加载与职业相关的列表主题。但是,如果我单独访问 PHP 文件,它运行良好。
这是jQuery代码:
$(document).ready(function() {
$("#carrera").change( //Select a carrer
function()
{
var carreraId = $('#carrera option:selected').val();
var queryMaterias = "carreraid=" + carreraId + "&valor=" + $("#valor").val();
jQuery.ajax({
url: 'acciones.php',
type: 'GET',
dataType: 'text',
data: queryMaterias,
success: function(data)
{
$("#lmateria").empty();
$("#lmateria").append(data); //Add subjects to the <select>
// $("#lmateria").html(data);
},
error: function(xhr, textStatus, errorThrown) {
//called when there is an error
alert(errorThrown);
},
});
}
);
});
难道我做错了什么?可能是什么问题?谢谢您的帮助。
主页:
<html>
<head>
<meta charset="utf-8">
<title>Sistema de Administración</title>
<link rel="stylesheet" type="text/css" href="//necolas.github.com/normalize.css/2.1.0/normalize.css">
<link rel="stylesheet" type="text/css" href="css/administrador.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/administrador.js"></script>
</head>
<body>
<div id="acciones">
<p id="logo">
<img src="images/logo1.jpg" alt="logo">
</p>
<p id="division">Agregar Division</p>
<p id="carrera">Agregar Carrera</p>
<p id="materia">Agregar Materia</p>
<p id="software">Agregar Software</p>
<p id="profesor">Agregar Profesor</p>
<p id="ssoftware">Solicitar Software</p>
<p id="solicitudes">Lista de Solicitudes</p>
<center><input type="button" id="logout" value="Salir" onclick="window.location.href='acciones.php?valor=5'"></center>
</div>
<div id="resultado">
</div>
</body>
</html>
jQuery 在<div> resultado
.
Solicitud.php:
<!doctype html>
<?php
require('conexion.php');
$conexion = new connection();
$query = "SELECT * FROM Carreras";
$resultado = mysql_query($query, $conexion -> conn) or die('ERROR:' .$query);
?>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/solicitud.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/solicitud.js"></script>
</head>
<body>
<header>
<h2>Solicitud de Software</h2>
</header>
<form action="acciones.php" id="solicitud" method = "GET">
<select name="carrera" id="carrera">
<option value="">Seleccione una carrera</option>
<?php
while ($datos = mysql_fetch_assoc($resultado)) #MUESTRA LOS ROLES
{
?>
<option value="<?php echo $datos['id'];?>"><?php echo utf8_encode($datos['Carrera']);?></option>
<?php
}
?>
</select>
<select name="materias" id="lmateria">
<option value="">Potato</option>
</select>
<!-- <input type="text" placeholder="Nombre" id="nombre" name="nombre">
<input type="text" placeholder="Codigo" id="codigo" name="codigo">
<input type="button" value="Agregar" id="enviar"> -->
<input type="hidden" id="valor" name="valor" value='17'>
</form>
<h3 id="exito">Agregado!</h3>
</body>
</html>