MyException - 我的异常网
当前位置:我的异常网» J2EE » jsp的小例子,即填写表单时可以弹出一个小网页,添

jsp的小例子,即填写表单时可以弹出一个小网页,添加表单中下拉列表的选项

www.myexceptions.net  网友分享于:2013-12-31  浏览:240次
求一个jsp的小例子,即填写表单时可以弹出一个小网页,添加表单中下拉列表的选项
求一个jsp的小例子,即填写表单时可以弹出一个小网页,添加表单中下拉列表的选项,同时锁定父窗口,弹出的小网页提交后刷新父窗口的下拉框,出现新添加的选项,最好刷新能不丢失之前输入的表单数据
以前注册论坛时经常看到类似的功能,现在做一个页面需要用这个,谁能提供个例子或视频教程,思路也可以,越简单越好~

------解决方案--------------------
关键有两点:
1、弹窗,锁定父窗口·这个JS效果自己去网上搜
2、下拉列表联动·这里应用AJAX··代码提出来你估计也看不懂··还是建议多去Google·
------解决方案--------------------
简单按你的要求做了下,如果是你想要的功能,你就自己完善吧...困死了,明天还要上班....
两个页面父页面和子页面:只是简单js+html实现,parent.jsp
HTML code

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>My JSP 'parent.jsp' starting page</title>

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
        <script type="text/javascript">
function addCity() {
    var str = window.showModalDialog("child.jsp", null,
            "dialogWidth=400px;dialogHeight=200px");
    var option = document.createElement('option');
    option.text = str[0];
    option.value = str[1];
    var mySelect = document.getElementById("mySelect");
    try {
        mySelect.add(option, null); // standards compliant
    } catch (ex) {
        mySelect.add(option); // IE only
    }

}
</script>

    </head>

    <body>
        <form action="#">
            所在城市:
            <select id="mySelect">
                <option value="010">
                    北京
                </option>
            </select>
            <input type="button" value="增加城市" onclick="addCity();">
        </form>
    </body>
</html>

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有