jQuery - Obtener valores de inputs dentro de UI Dialog

disenopop · #1 (**permalink**) 19/10/2010, 14:44

Hola gente!:

Estoy iniciando con jQuery y he leido algo de documentación, por lo que quizá esta pregunta sea algo sencillo de responder.

¿Como puedo obtener el valor de un input que esta dentro de un UI Dialog?

Como ejemplo, lo siguiente (Den clic en "Open gallery", seleccionen una opción, y den submit al formulario. Verán los valores POST impresos en la parte superior de la página):
http://demos.intermexico.net/jquerytest/admin/test.php

Aún no sé como puedo imprimir el valor del radiobutton seleccionado dentro del UI Dialog una vez que el formulario ha sido enviado.

Espero me puedan ayudar o recomendar alguna documentación o tuto para resolver este sencillo problema.

Gracias de antemano!!!

disenopop · #2 (**permalink**) 19/10/2010, 18:18

Para mayor referencia, este es el código que estoy utilizando:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>jQuery dialog Test</title>
        <!-- jQUery -->
        <link type="text/css" href="sys-assets/plugins/jquery-ui-1.8.4/css/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="sys-assets/plugins/jquery-ui-1.8.4/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="sys-assets/plugins/jquery-ui-1.8.4/js/jquery-ui-1.8.4.custom.min.js"></script>
        <!-- default 1.0 -->
        <link href="sys-assets/themes/default1.0/css/admin-screen.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="sys-assets/themes/default1.0/css/admin-print.css" rel="stylesheet" type="text/css" media="print" />
        <script type="text/javascript" src="sys-assets/themes/default1.0/js/admin-functions.js"></script>
    </head>
    <body>
        <form action="<?=$_SERVER["PHP_SELF"];?>" method="post" id="register-adminusers">
                <fieldset class="form-type">
                    <legend>Account</legend>
                    <div class="first-form-row">
                        <label for="adminuser_username"><strong class="red">(*)</strong> Username:</label>
                        <div class="inputs">
                            <input name="adminuser_username" type="text" class="input-med" id="adminuser_username" value="<?=$_POST["adminuser_username"];?>" maxlength="10" tabindex="28" />
                            <!--div class="text-alert">Sin espacios, m&iacute;nimo 3 caracteres, m&aacute;ximo 10</div-->
                            <!--div class="text-alert-no">Mensaje de error</div-->
                        </div>
                    </div>
                    <div class="rel">
                        <div class="form-row">
                            <label>Avatar:</label>
                            <div class="inputs">
                                <input id="opener_list_images" type="button" name="button" class="input" value="Open gallery" tabindex="35" />
                                <!--div class="text-alert">Mensaje de ayuda</div-->
                                <!--div class="text-alert-no">Mensaje de error</div-->
                            </div>
                        </div>
                    </div>
                </fieldset>
                <p><input type="submit" name="save_button" class="button" value="Save" tabindex="56" /></p>
                <!-- jQuery inicia mensajes de ayuda / adicionales inline -->
                <div id="list_images" class="fields" title="Avatars" style="display:none;">
                    <p>Select an image</p>
                    <div id="image-list">
                        <div class="thumb-container">
                            <img src="sys-uploads/avatars/fgreen.jpg" width="110" height="110" alt="" />
                            <div class="thumb-radio">
                                <input name="selected_file" type="radio" value="fgreen.jpg" />
                            </div>
                        </div>
                        <div class="thumb-container">
                            <img src="sys-uploads/avatars/fred.jpg" width="110" height="110" alt="" />
                            <div class="thumb-radio">
                                <input name="selected_file" type="radio" value="fred.jpg" />
                            </div>
                        </div>
                        <div class="thumb-container">
                            <img src="sys-uploads/avatars/mgreen.jpg" width="110" height="110" alt="" />
                            <div class="thumb-radio">
                                <input name="selected_file" type="radio" value="mgreen.jpg" />
                            </div>
                        </div>
                        <div class="thumb-container">
                            <img src="sys-uploads/avatars/mred.jpg" width="110" height="110" alt="" />
                            <div class="thumb-radio">
                                <input name="selected_file" type="radio" value="mred.jpg" />
                            </div>
                        </div>
                    </div>
                </div>
                <!-- jQuery termina mensajes de ayuda / adicionales inline -->
                <!-- jQuery inicia definición de parámetros -->
                <script type="text/javascript">
                $(function() {
        
                    // Dialogs
                    $('#list_images').dialog({
                        autoOpen: false,
                        show: 'blind',
                        hide: 'blind',
                        width: 400,
                        height: 400,
                        modal: true,
                        buttons: {
                            Ok: function() {
                                $(this).dialog('close');
                            }
                        }
                    });
                    $('#opener_list_images').click(function() {
                        $('#list_images').dialog('open');
                        return false;
                    });
 
                });
                </script>
                <!-- jQuery termina definición de parámetros -->
            </form>
    </body>
</html>

Dany_s · #3 (**permalink**) 20/10/2010, 13:24

Cita:

imprimir el valor del radiobutton seleccionado dentro del UI Dialog una vez que el formulario ha sido enviado.

no entendí

fijate todos los selectores http://api.jquery.com/category/selectors/