Search jQuery

jQuery Forum

Using jQuery UI

spilja

Dialog form - div inside form instead the other way round?

Answered

Need more info
Working on it
Answered

in Using jQuery UI • 13 years ago

I have a huge form I'm using for all sorts of things. Inside that form I have a button I want to use to open a modal dialog form. However, I want that dialog only to show the contents of a selected div.

i.e.

<form id="form_for_all_submits">
<div id="all_sorts_of_things">
<input.../>
<input.../>
. ...
</div>
<div id="modal_dialog">
<input.../>
<input.../>
</div>
</form>

So I want to show only "modal_dialog" content in my modal dialog, but I want it to be a part of the whole form (so that the rest of the parameters (there are hidden ones) also get submitted).

Currently if I try it the ordinary way, the modal_dialog div pops outside the form tags and it's parameters don't get submitted.

Replies(1)

spilja

Re: Dialog form - div inside form instead the other way round?

13 years ago

I literally found the answer a minute after posting this (yes, I tried searching before posting :) )

Anyway, the answer is to do something like this

$(this).dialog('destroy').appendTo("#form_for_all_submits");

jay.lanca..

Re: Re: Dialog form - div inside form instead the other way round?

13 years ago

Thanks! Ran into basically the same problem and this worked like a charm! I had a modal dialog opening that was inside the form, however, when I submitted the form the fields in the dialog were not being submitted.

I added the code above to my Continue button function for the dialog and now everything is being submitted properly.

Top Reply

Response title

Attachments

jQuery Forum

Dialog form - div inside form instead the other way round?

Answered

Replies(1)

Re: Dialog form - div inside form instead the other way round?

Re: Re: Dialog form - div inside form instead the other way round?

Statistics

Tags

Actions