$ ('# idField'). val () dentro de un cuadro de diálogo JQuery

Question

Me gustaría saber si puedo usar la siguiente función JQuery en una identificación de elemento ubicada dentro de un Diálogo JQuery.

$('#idofmyfield').val()

No devolvió nada.

Answer 1

Es posible que deba ajustar su identificación de selector al marcado generado por el cuadro de diálogo:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Dialog content goes here.</p>
   </div>
</div>

tal vez haga esto:

$('div.ui-widget-content > #idofmyfield').val(); 

Tuve una situación similar al extraer datos JSON para llenar un diálogo. Mi código, que funciona, tiene el siguiente aspecto:

if (jQuery) {
    jQuery(document).ready(function(){                      
        jQuery('#dialog').dialog({
            autoOpen: false,
            modal: true,
            width: 690, 
            position: [160, 160]
        }); /* end #dialog */

   /* do some processing and add the following to a click method */
    jQuery.getJSON(json_link, function(json){
        jQuery('.ui-dialog-title').text(json.title);
        jQuery('.ui-dialog-content').html(json.html);
    });

    jQuery('#dialog').dialog('open');
   /* end of click method */


}); /* end document.ready */
}

Answer 2

mira los eventos para el diálogo

$('.yourDialog').dialog({
   close: function(event, ui) {
       alert($('#idofmyfield').val());
   }
});