使用lhgdialog弹框提交表单

一、

1、列表页面

<link rel="stylesheet" href="plug-in/lhgDialog/skins/metrole.css" type="text/css"></link>
<script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js"></script>

<a onclick = "add('职务管理录入','tsDutyController.do?dutyAdd','700','500')" class="cd-popup-trigger3" style = "cursor:pointer">
                        <span class="entry">录入</span>
                    </a>

//添加
function add(title,url,width,height){
$.dialog({
content: 'url:'+url,
lock : true,
zIndex:2000,
width:width,
height:height,
title:title,
opacity : 0.3,    //锁屏遮罩透明度
cache:false,
   ok: function(){
    iframe = this.iframe.contentWindow;
    saveObj();
return false;
   },
   cancelVal: '关闭',
   cancel: true /*为true等价于function(){}*/
});
}
function saveObj(){
$('#butt', iframe.document).click();          //butt为表单页面的提交按钮id
}

2、表单页面

<script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.js"></script>

<form action = "tsDutyController.do?addAndUpdate" method = "POST" id = "formId">
    <table>
    <ul>
    <li>职务名称</li>
    <li><input type = "text" id = "dutyName" name = "dutyName"></li>
    </ul>
    <ul>
    <li>职务描述</li>
    <li><textarea id = "dutyDescription" name = "dutyDescription"></textarea></li>
    </ul>
    </table>
    <button type="submit" id ="butt"></button>
    </form>