模态窗口提交表单

来源：互联网发布：sqlserver获取当前时间编辑：程序博客网时间：2024/05/21 12:39

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="<%=request.getContextPath()%>/JS/jquery-1.8.0.js"></script><script type="text/javascript" src="<%=request.getContextPath()%>/JS/common-artdiag.js"></script><link rel="stylesheet" href="<%=request.getContextPath()%>/JS/artDialog/css/ui-dialog.css"><script type="text/javascript" src="<%=request.getContextPath()%>/JS/artDialog/dist/dialog-plus-min.js"></script><!-- <script type="text/javascript">function add(){location.href="add.jsp";}</script> --></head><body><!-- ====================模态窗口div======================================= --><div id="divId" style="display: none;"><center><form><table border="1px" width="500px"><tr><td>订单流水号</td><td><input type="text" name="orderNum" id="numID" onblur="getNum()"></td></tr><tr><td>订单金额</td><td><input type="text" name="orderPrice"></td></tr><tr><td>收货人</td><td><select name="addr.addrId"><option value="0">-请选择-</option><option value="1">-张三-</option><option value="2">-李四-</option><option value="3">-王五-</option><option value="4">-赵柳-</option></select></td></tr><tr><td>订单类型</td><td><input type="radio" name="orderType" value="1">店铺自营<input type="radio" name="orderType" value="2">第三方卖家</td></tr></table></form></center></div><script type="text/javascript">//模态窗口新增function add(){var add_from = dialog({        title: '提交订单',//标题        content:$("#divId"),//展示内容，

 //其他写法：展示的页面，通过action跳转  content:getDivByUrl("selectAction_noReturn.action"),     // 直接展示指定页面   content:getDivByUrl("add.jsp"),       //        height:"300px",  不指定宽高自动适应// width:"240px",        okValue: 'ok',//确定点击按钮名称        ok: function () {//确定按钮绑定函数        $.ajax({        url:"selectAction_add.action",        type:"post",        data:$("form").serialize(),//         dataType:"text",    无需action的返回值时，可以不指定        success:function(){        alert("新增成功");        location.href=location; //跳转url action对应的result        },        error:function(){        alert("ajax程序add错误！");        }        })                },        cancelValue: 'no',//取消点击按钮名称        cancel: function () {//取消点击按钮绑定函数        }    });    //调用展示非模态窗口    //add_from.show();    //调用展示模态窗口  add_from.showModal();}</script>

</body></html>

阅读全文

0 0