Ejecutar consulta mysql sin perder los select

jonathan777 · #1 (**permalink**) 24/03/2011, 19:05

Hola esta ves vengo con un problemita que tengo tengo una pagina con un boton q agrega elementos select co codigo javascript pero cada ves que lo ingrese debera hacer una consulta mysql y dependiendo del resultado retorne un booleano.
Estoy perdido ademas existe un onchange que cuando lo seleccione trate de guardar el valor del seleccionado en una variable php.
Adjunto el codigo.

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Titulo</title>
        <style type="text/css">
            #contenido{
                position:absolute;
                left:248px;
                top:19px;
                padding:7px;
                width:400px;
            }
            #Direcciones{
                position:absolute;
                width: 639px;
                height: 166px;
                left: 24px;
                top: 106px;
            }
            #Botones{
                position:absolute;
                left: 671px;
                top: 105px;
                width: 293px;
                height: 179px;
            }
            #Botones2{
                position:absolute;
                left: 673px;
                top: 307px;
                width: 293px;
                height: 167px;
            }
            #Aceptar{
                position:absolute;
                left: 82px;
                top: 12px;
                width: 138px;
                height: 36px;
            }
            #btnEliminar{
                position:absolute;
                left: 82px;
                top: 63px;
                width: 138px;
                height: 32px;
            }
            #btnGuardar{
                position:absolute;
                left: 30px;
                top: 115px;
                height: 47px;
            }
            #btnRegistrar{
                position:absolute;
                left: 74px;
                top: 29px;
                width: 121px;
                height: 47px;
            }
            #btnCancelar{
                position:absolute;
                left: 74px;
                top: 97px;
                width: 121px;
                height: 47px;
            }
            #Panel_principal{
                position:absolute;
                width: 624px;
            }
        </style>
        <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
        <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="contenido">
            <form id="form8" name="form8" method="post" action="">
                <p>Usuario&nbsp;&nbsp;&nbsp;
                    <input type="text" name="txtusuario" id="txtusuario" />
                    &nbsp; Raza&nbsp; &nbsp;
                    <select name="lstRazas" id="lstRazas" onchange="//recargar los divs internos de Panel_principal">
                        <option value="MAtlantis" selected="selected">Atlantis</option>
                        <option value="MAsgard">Asgard</option>
                        <option value="MOri">Ori</option>
                        <option value="MWraith">Wraith</option>
                        <option value="MReplicante">Replicante</option>
                        <option value="MJaffa">Jaffa</option>
                        <option value="MTauri">Tauri</option>
                        <option value="MGoauld">Goauld</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            </form>
        </div>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <?php
        include 'conection.php';
        $link = Conectarse();
        ?>
        <div id="Direcciones">
            <form id="form9" name="form9">
                <p>Direcciones</p>
                <select id ="transporte" size="5" onchange="//aqui como pasaria el valor a php x medio de ajax para recargar solo el div Panel_principal">
                </select>
            </form></div>
        <script >
            function ingresar()
            {
                var objeto=document.getElementById("transporte");
                var option=document.createElement("option");
                var MiVariable=prompt("Ingresa Direccion")
                option.text=MiVariable;
                try
                {
                    // for IE earlier than version 8
                    if(direccion_libre(MiVariable))
                    {
                        objeto.add(option,objeto.options[null]);
                    }
                    
                }
                catch (e)
                {
                    objeto.add(option,null);
                }
            }
            
            function direccion_libre(variable)
            {
                var resul = false;
                //Aca iria la forma de como consultar a mysql y este retorne un valor
                return true;
            }
        </script>
 
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <div id="Botones">
 
            <p>
                <input type="submit" name="Aceptar" id="Aceptar" value="Agregar" onclick="ingresar()" />
                
            </p>
            <form id="form7" name="form7" method="post" action="">
                <input type="button" name="btnEliminar" id="btnEliminar" value="Eliminar" />
            </form>
            <form id="form5" name="form5" method="post" action="">
                <input type="submit" name="btnGuardar" id="btnGuardar" value="GUARDAR DATOS DE ESTA DIRECCION" />
            </form>
            <p>&nbsp;
            </p>
        </div>
        <p>&nbsp;</p>
 
        <div id="Panel_principal" class="TabbedPanels">
            <ul class="TabbedPanelsTabGroup">
                <li class="TabbedPanelsTab" tabindex="0">Ficha 1</li>
                <li class="TabbedPanelsTab" tabindex="0">Ficha 3</li>
                <li class="TabbedPanelsTab" tabindex="0">Ficha 2</li>
            </ul>
            <div class="TabbedPanelsContentGroup">
                <div class="TabbedPanelsContent">Contenido 1
                    <form id="form1" name="form1" method="post" action="">
                    </form>
                </div>
                <div class="TabbedPanelsContent">Contenido 2
                    <form id="form2" name="form2" method="post" action="">
                    </form>
                </div>
                <div class="TabbedPanelsContent">Contenido 3
                    <form id="form3" name="form3" method="post" action="">
                    </form>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            <!--
            var TabbedPanels1 = new Spry.Widget.TabbedPanels("Panel_principal");
            //-->
        </script>
        <div id="Botones2">
            <form id="form4" name="form4" method="post" action="">
                <input type="submit" name="btnRegistrar" id="btnRegistrar" value="Registrar" />
            </form>
 
            <form id="form5" name="form5" method="post" action="">
                <input type="submit" name="btnCancelar" id="btnCancelar" value="Cancelar" />
            </form></div>
    </body>
</html>

Eh puesto con // lo que necesito ayudaaaa!!

johhan16 · #2 (**permalink**) 24/03/2011, 20:38

bueno yo no entendi mucho, me imagino que otros igual porque no han respondido, pero te pregunto haz usado anteriormente ajax?

porque por lo menos cuando dices
//aqui como pasaria el valor a php x medio de ajax para recargar solo el div Panel_principal

pero a parte veo
//Aca iria la forma de como consultar a mysql y este retorne un valor

y no se a que forma te refieres

eso es algo basico en ajax por ejemplo mira esta respuesta que yo deje
http://www.forosdelweb.com/f77/actua...8/#post3788529

jonathan777 · #3 (**permalink**) 24/03/2011, 21:31

No te preocupes ya solucione lo primero con jquery lo que tengo dudas en con los select