从jquery对话框iframe获取表单值

时间:2012-07-01 04:53:02

标签: jquery jquery-ui iframe

我尝试将此代码缩减为基础

我有这个jquery对话框。它有一个iframe,它是一个带有表单的填充JSP 当用户单击“保存”按钮时,我想从iframe表单中获取一些表单值。 我只是不确定如何从保存功能访问这些表单字段(标题,htmldata是表单字段名称)。

$("#dialog-edit-raw").dialog({
    autoOpen: false, height: 300, width: 500,  position: [200, 100], modal: true,
            buttons: {
                Save: function() {
                    $.ajax({
                        type: "POST",
                        url: "/servlet/trainingServlet",
                        data: ({method: 'ajaxSaveArticle',title: title_from_Form }),
                        cache: false,
                        dataType: 'json',
                        beforeSend: function(){
                        },
                        error: function(jqXHR, textStatus, errorThrown){
                        },
                        success: function(data){
                        }
                    });

                },
                Close: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {
                $( this ).html('');
            }
    });

$( ".ui-state-default" ).live("click", function(event){
     $("#dialog-edit-raw")
      .html('<iframe id="iframeedit" style="border: 0px;" src="/servlet/myServlet?method=editDoc&ID='+tID+'&raw=1" width="100%" height="580" "></iframe>')
.dialog('open');
});

表单看起来有两个输入:

input name="title" id="title" size="50" value="" type="text"
textarea cols="50" id="htmldata" name="htmldata" rows="6"

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我找到了它:

$("#iframeedit").contents().find("#title");