如何使用javascript将按钮的值转换为另一个jsp

时间:2012-11-27 13:43:50

标签: javascript jsp

我必须在jsp的其他页面上获取按钮值并根据条件<div>代码执行index.jsp标记

 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql" %>
<%@ taglib prefix="x" uri="http://java.sun.com/jstl/xml" %>

<html>
<head>
<script type="text/javascript">
   function popuponclick()
   {
      my_window = window.open("file.jsp",
       "mywindow","status=1,width=350,height=150");

 }



</script>
    </head>
    <table>
    <tr>
    <td><button type="button" onclick="popuponclick()" value="1" name="name">GetAllEmployeeByID</button></td>
    </tr>
    <tr>
    <td><button type="button" onclick="popuponclick()" value="2" name="name">GetEmployeeByName</button></td>
    </tr>
     </table>
    </body>
    </html>

我的second.jsp就是这个

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql"%>
<%@ taglib prefix="x" uri="http://java.sun.com/jstl/xml"%>
<%@page import="com.nousinfo.tutorial.employee.service.model.bo.EmployeeBO" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    <script>
    function myfuntion(String name)
    { 
        location.
        document.getElementById("div1");
        }

</script>

</head>
<body>
    <form action="/EmployeeWeb/GetEmployee">
        <div id="div1" style="display: block;">
                <table>
                    <tr>
                        <td width="29">Find_Employee_By_Name:</td>
                        <td><input type="text" name="findbyname" /></td>


</tr>
                    <tr>
                        <td><input type="submit" name="submit" value="find"></td>
                    </tr>
                </table>
            </div>

 <div id="div2" style="display: none;">
                <table>
                    <tr>
                        <td width="29">Find_Employee_By_Name:</td>
                        <td><input type="text" name="findbyname" /></td>
                    </tr>
                    <tr>
                        <td><input type="submit" name="submit" value="find"></td>
                    </tr>
                </table>
            </div> 
    </form>
     <button onclick="myfunction()"></button>
</body>
</html>

我将如何获得按钮值insecond jsp,以便根据条件我可以运行<div>标签部分

2 个答案:

答案 0 :(得分:2)

在index.jsp页面中尝试:

function popuponclick()
{
    var my_window = window.open("file.jsp", "mywindow","status=1,width=350,height=150");

    // Gets the two divs
    var div1 = my_window.document.getElementById('div1');
    var div2 = my_window.document.getElementById('div2');

    // Hides the two divs
    div1.style.display = 'none';
    div2.style.display = 'none';

    // Check what the value of the button pressed and displays the correct div
    if(this.value = '1')
        div1.style.display = 'block';
    else
        div2.style.display = 'block';
}

答案 1 :(得分:0)

如果我的问题正确,请尝试这样的事情。您需要在按钮上添加一些ID才能轻松选择它们。

在这里用按钮ID替换(用斜杠)\ button id,在你想要匹配的值中用\ some值\(例如 - 2)。

if(document.getElementById('\ button id here \')。value == \ some value){

}其他{

}

和btw,在第二个jsp你有这个结构: location.document.getElementById

“location”对象中没有“document”属性,在没有“location”的情况下使用它。

相关问题