Foros del Web - Ver Mensaje Individual - recuperar valor por $_get sin recargar pagina

Xilsh · #4 (**permalink**) 13/08/2011, 12:11

Hola pithon, mira si te sirve esto que lo hice ahora. Necesitaras descargar jQuery [URL="http://code.jquery.com/jquery-1.6.2.min.js"]http://code.jquery.com/jquery-1.6.2.min.js[/URL], te dejo este codigo:

index.html

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js" /></script>
<script>
$(document).ready(function(){   
    $("#formulario").submit(function(){
        var opcion = $("#opcion").val().replace('opcion ','');
        $("#mensaje").html("Procesando");
            $.post("verificar.php?opcion="+opcion, {}, function(datos){
                $("#datos").html(datos);
                //$("#formulario").hide();
            });
    });
});
</script>
</head>
<body>
    <form id='formulario' action='javascript:void(0);' method='GET'>
        <span id='mensaje'></span>
        <table>
            <tr>
                <td><label>Seleccionar:</label></td>
                <td>
                    <select id='opcion'>
                        <option id='op'>opcion 1</option>
                        <option id='op'>opcion 2</option>
                        <option id='op'>opcion 3</option>
                        <option id='op'>opcion 4</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><input type='submit' id='enviar' value='Enviar' /></td>
            </tr>
        </table>
    </form>
    
    <div id='datos'></div>
</body>
</html>

verificar.php

Código PHP:

  <?php

    $opcion = $_GET['opcion'];    

    if($opcion){
        if($opcion == 1){
            echo "Datos opcion 1";
        }elseif($opcion == 2){
            echo "Datos opcion 2";
        }elseif($opcion == 3){
            echo "Datos opcion 3";
        }elseif($opcion == 4){
            echo "Datos opcion 4";
        }
    }
        
?>

Espero te sirva... Saludos!!