Hello,
I am trying to use dialog windows to submit forms on a page. I have
multiple dialogs with each containing a form to submit. But I can't
seem to get it to submit the form based on the form id.
If you look at the "Confirm" dialog button, I put some kind of
reference to the specified form id $('form#delete-0'), $
('form#delete-1'), etc..
Mind you I'm new to jquery so I'm not very familiar with the syntax.

My code is something like this:
$(function() {

        var n = 0;
        $("tbody tr td a.links-members").each(function() {

                var dlg = $('#dialog-member-' + n).dialog({
                                                                                
                autoOpen: false,
                                                                                
                show: 'blind',
                                                                                
                hide: 'fold',
                                                                                
                width: 400,
                                                                                
                modal: true,
                                                                                
                buttons: {
                                                                                
                        "Confirm": function() {
                                                                                
                                $('form#delete-' + n).submit();
                                                                                
                        },
                                                                                
                        "Cancel": function() {
                                                                                
                                $(this).dialog('close');
                                                                                
                        }
                                                                                
                }});
                $('#link-member-' + n).click(function() {
                        dlg.dialog("open");
                        return false;
                });
                n++;
        });
});

HTML Example:
<div id="dialog-member-0">
<form action="http://localhost/member"; method="post" id="delete-0"
name="del" class="delete-member">
<input type="hidden" name="profile_id" value="1" />
<select name="reason">
<option value="None">None</option>
<option value="Retired">Retired</option>
</select></form>
</div>

<div id="dialog-member-1">
<form action="http://localhost/member"; method="post" id="delete-1"
name="del" class="delete-member">
<input type="hidden" name="profile_id" value="2" />
<select name="reason">
<option value="None">None</option>
<option value="Retired">Retired</option>
</select></form>
</div>

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to