admin管理员组

文章数量:1418627

I have a form in a web page dynamically generated and I would like to display it using a the jQuery UI modal dialog.

How can I display the modal dialog form with the remote existing form (myform.html) as content when I click on a link "Open Form"? Clicking on submit button should close the dialog form.

I have a form in a web page dynamically generated and I would like to display it using a the jQuery UI modal dialog.

How can I display the modal dialog form with the remote existing form (myform.html) as content when I click on a link "Open Form"? Clicking on submit button should close the dialog form.

  • javascript
  • jquery
  • forms
  • jquery-ui
  • web-applications
Share Improve this question edited Jul 29, 2010 at 3:39 djondal asked Jul 26, 2010 at 20:08 djondaldjondal 2,5413 gold badges24 silver badges40 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 5

This will load the content of myform.html into the element with ID formContainer, make the formContainer a modal dialog (showing the form). When submitting the form, the dialog will be closed

$("#formContainer").load("myform.html", function() {
    var container = $(this);
    container.dialog({
        modal: true
    })
    .find("form").submit(function() {
        container.dialog("close");
        return false;
    });
});

本文标签： javascriptjQuery UI modal dialog form using remote contentStack Overflow

版权声明：本文标题：javascript - jQuery UI modal dialog form using remote content - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745296582a2652114.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。