Hola que tal, queria ver si me pueden hechar la mano con un problemita que tengo, lo que pasa esque tengo 2 select ("tipoAsist" y "tipoCarnet"), entonces lo que quiero hacer es tomar los valores que seleccione el usuario y pasarlos a una funcion en php en la cual tengo un select a la BD y asi poder tomar un valor que ocupo e imprimirlo dentro de un campo de texto en este caso ("fechita"). Ya he buscado por muchos lado, y no doy con la solucion puesto que nunca habia utilizado jQuery y esto es el codigo con el que trato de hacer lo que necesito, se los pongo para ver si me pueden decir en que me e equivocado, o cual es la manera correcta de hacerlo.
$('#tipoCarnet').change(function() {
$('#fechaCompra').show();
var carnet = document.getElementById("tipoCarnet").value;
var asist = document.getElementById("tipoAsist").value;
alert(asist + "/" + carnet);
$.ajax({
type:"GET",
url:"includes/funciones.php",
dataType:"html",
data:"funcion=getFechaInicio&tipoAsist="+asist+"&tipoCarnet="+carnet,
success: function(html) {
$("#fechita").html(html);
}
})
});
Muchas gracias de antemano.
Ayuda con jQuery y ajax
Started by
Sergio_Reynaga
, Oct 14 2011 06:49 PM
3 replies to this topic
#2
cesar_cz
-
- Moderadores
-
- 919 posts
Advanced Member
- LocationChile
Posted 14 October 2011 - 06:57 PM
Hola Sergio acá tienes un ejemplo, con input ( sería lo mismo con select ):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax usando GET y POST</title>
<script language="javascript" type="text/javascript" src="http://ajax.googleap...n.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready
(
function()
{
$("#enviar").click(presionSubmit);
}
);
function presionSubmit()
{
//$.post(archivo_ajax,valores separados por coma {valor1:valor,valor2:23},función js que procese los datos recibidos);
$.post("ajax_get_jquery.php",{num1:$("#num").attr("value"),num2:$("#num2").attr("value")},llegadaDatos);
return false;
}
function llegadaDatos(datos)
{
$("#resultados").text(datos);
}
</script>
</head>
<body>
<form action="ajax_2.php" method="post" id="formulario">
Ingrese número:<input type="text" name="num" id="num" size="3">
<br>
<br>
Ingrese número:<input type="text" name="num2" id="num2" size="3">
<br>
<input type="button" value="Sumar números" id="enviar">
</form>
<hr>
<div id="resultados"></div>
</body>
</html>
saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax usando GET y POST</title>
<script language="javascript" type="text/javascript" src="http://ajax.googleap...n.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready
(
function()
{
$("#enviar").click(presionSubmit);
}
);
function presionSubmit()
{
//$.post(archivo_ajax,valores separados por coma {valor1:valor,valor2:23},función js que procese los datos recibidos);
$.post("ajax_get_jquery.php",{num1:$("#num").attr("value"),num2:$("#num2").attr("value")},llegadaDatos);
return false;
}
function llegadaDatos(datos)
{
$("#resultados").text(datos);
}
</script>
</head>
<body>
<form action="ajax_2.php" method="post" id="formulario">
Ingrese número:<input type="text" name="num" id="num" size="3">
<br>
<br>
Ingrese número:<input type="text" name="num2" id="num2" size="3">
<br>
<input type="button" value="Sumar números" id="enviar">
</form>
<hr>
<div id="resultados"></div>
</body>
</html>
saludos
#3
Sergio_Reynaga
-
- Miembros
-
- 17 posts
Member
Posted 16 October 2011 - 02:15 AM
Gracias por contestar cesar, asi tal y cual me pusiste el codigo se supone que debe de funcionar?? 
.. Porque asi como me lo pasaste lo probe pero no hace nada.. el archivo ajax_get_jquery.php que onda con ese?..
Gracias de antemano!
.. Porque asi como me lo pasaste lo probe pero no hace nada.. el archivo ajax_get_jquery.php que onda con ese?..Gracias de antemano!
#4
cesar_cz
-
- Moderadores
-
- 919 posts
Advanced Member
- LocationChile
Posted 16 October 2011 - 03:29 PM
El archivo ajax_get_jquery.php es el que recibe la petición ajax y retorna los resultados....saludos..
