$ ('# idField'). Val() dans une boîte de dialogue JQuery

Question

Je voudrais savoir si je peux utiliser la fonction JQuery suivante sur un ID d'élément situé dans une boîte de dialogue JQuery.

$('#idofmyfield').val() 

N'avez rien retourné.

Answer 1

Vous devrez peut-être ajuster votre identifiant sélecteur sur le balisage qui est généré par la boîte de dialogue:

<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> 

font peut-être ceci:

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

j'avais une situation similaire tirant des données JSON pour remplir une boîte de dialogue. Mon code, qui fonctionne, ressemble à ceci:

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

look at the events for dialog

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