cambiar variable de consulta sql con javascript

gordot · #1 (**permalink**) 20/09/2012, 15:59

hola como estan? mi pregunta es que si tengo un combobox:

Código PHP:

   
<select name='torneo' > 
<option value=1>1 
<option value=2>2 
<option value=3>3 
</select>

y tengo una consulta sql:

Código:

select * from clubes where id=$id

lo que quiero es que el valor del value del combo se me pase al where id, de la consulta, no se como hacerlo

desde ya muchas gracias

jonni09lo · #2 (**permalink**) 20/09/2012, 16:15

es para mostrar los datos dinamicamente o va a otra pagina, esta en un formulario??? danos algo mas de informacion

Saludos

gordot · #3 (**permalink**) 20/09/2012, 16:18

gracias jonni09lo, lo ideal seria dinamicamente mostrar los resultados, o sea ajax. Que de acuerdo al option value del combobox, se cargue la consulta sql del "where id=$id"

muchas gracias

jonni09lo · #4 (**permalink**) 20/09/2012, 16:37

gordot pues mira, hacerlo es sencillo tienes dos opciones una con jquery y otra con javascript normal
jQuery:

Código Javascript:

Ver original$('#mySelect').change(function(){        
       var data = "idSub="+id2;
    $.ajax({
        method:"post",
        url:"procesa_archivo.php",
        data:data,
        success:function(html){
            $("#div_info").html(html);
        }, error: function(){
            alert("error");
        }
    });
});

Javascript:

Código Javascript:

Ver originalfunction NuevoAjax(){
    var xmlhttp=false;
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(E){
            xmlhttp = false;
        }
    }
 
    if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function cargar_pagina (url, contenedor,val){
    ajax=NuevoAjax();
    var new_url =  url + '?idSub=' + val;
    ajax.open("POST", url,true); 
    ajax.onreadystatechange=function(){
        if(ajax.readyState==1){
            //Sucede cuando se esta cargando la pagina
            contenedor.innerHTML = "cargando()";//<-- Aca puede ir una precarga
        }else if(ajax.readyState==4){
            //Sucede cuando la pagina se cargó
            if(ajax.status==200){
                //Todo OK
                contenedor.innerHTML = ajax.responseText;
 
            }else if(ajax.status==404){
                //La pagina no existe
                contenedor.innerHTML = "La página no existe";
            }else{
                //Mostramos el posible error
                contenedor.innerHTML = "Error:".ajax.status; 
            }
        }
    }
    ajax.send(null);
}

y el select iria algo asi:

Código HTML:

Ver original<select onchange="cargar_pagina('procesa_archivo.php','div_info',this.value)">
     <option>opcion1</option>
</select>

Te recomiendo que leas la respectiva documentacion de cada una de estas
Ajax Jquery y Ajax Javascript

ya en el archivo de procesa_archivo.php iria algo como esto

Código PHP:

Ver original//se recoge la variable que se envia
$idSub = $_POST['idSub'];
$sql = "SELECT * FROM tabla WHERE idTabla = ".$idSub

Espero que te sirva

Nota lo hice al vuelo, no se si funcione al 100

Saludos

gordot · #5 (**permalink**) 20/09/2012, 17:20

Gracias por tu respuesta. hice lo siguiente y no me funciono.

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script>
$('#diego').change(function(){
var data = "idSub="+id2;
$.ajax({
method:"post",
url:"procesa_archivo.php",
data:data,
success:function(html){
$("#div_info").html(html);
}, error: function(){
alert("error");
}
});
});
</script>

<style type="text/css">
#div_info{
color:white;

}
</style>
</head>
<body>

<select name="diego" onchange="cargar_pagina('procesa_archivo.php','div _info',this.value)">
<option value="1">opcion1</option>
<option value="2">opcion2</option>

<div id="div_info"></div>

</select>
</body>
</html>

procesa_archivo.php

<?php
include("conectar.php");
//se recoge la variable que se envia
$idSub = $_POST['idSub'];
$sql = "SELECT * FROM usuarios WHERE idTabla = $idSub";

$RESULTADO=mysql_query($sql);

while($FILA=mysql_fetch_array($RESULTADO))
{
echo $FILA[id];

}

?>