Question

下面是我为创建圆形按钮数组而编写的代码，这些按钮动态赋予值。单击时删除这些按钮，并将相应的按钮值传递给java脚本中的数组对象。现在我的要求是将这些值（删除的按钮值）作为一个整体发送到servlet，即当我完成我的任务时（可能是在删除按钮或两个按钮之后）。

为了实现这一点，我在div之后创建了另一个按钮，并将整个主体包含在表单中，并使用name = deletedItems。但是，只需单击任何按钮，代码就会因为表单而刷新。任何人都可以建议我如何进行？注意：我没有在下面的代码中包含div部分和表单部分，因为该进程无效。

代码

<%@ 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">

<html>

<head>
<link rel="stylesheet" href="css/main.css" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
var arr=new Array();

function hButton(id)
{             
document.getElementById(id).setAttribute("style","background:white");
//document.getElementById(id).disabled=true;
//arr[arr.length+1]=id;
arr.push(id);
document.getElementById("id-show").textContent=arr+"</br>";
}


function showId(id)
{
   document.getElementById(id).setAttribute("title",id);
}
</script>


</head>
<body>
    <div id="big_wrapper">

<table>
<%for(int j=1;j<=3;j++){ %>
<tr>
<%for(int i=1;i<=5;i++){ %>

    <td>    <button class="btn"  style="background:red" id="<%=j%>,<%=i%>" onmouseOver='showId(this.id)' onclick='hButton(this.id)'> </button>  </td>

<%} %>
</tr>   
<%} %>
</table>

</div>
  <div id="id-show">
</div>    </body> </html>

Main.css文件

.btn{

display:block;
width:50px;
height:50px;
line-height:50px;
border: 2px solid #f5f5f5;
border-radius: 50%;
text-align:center;
text-decoration:none;
font-size:20px;
font-weight:bold;
}

.btn:hover {
opacity:0.9;
color:#FFFFFF;
font-size:20px;
font-weight:700;
background: #262626;
}

#big_wrapper{
border:1px solid black;
width:1000px;
margin:20px auto;
text-align:left;
}

.theText{
opacity:0;
}

.btn:hover .theText
{
 opacity:0.9;
 color:#FFFFFF;
 font-size:20px;
 font-weight:700;
 background: #262626;
}


#some-element {
border: 1px solid #ccc;
display: none;
font-size: 10px;
margin-top: 10px;
padding: 5px;
text-transform: uppercase;
}

 #some-div:hover #some-element {
display: block;
 }

Answer 1

执行以下操作：

在JSP中：

<script>
function submit() {
   var someVariable = "value to pass to server";
   document.getElementById("someFieldId").value = someVariable;
   document.form[0].submit();
}
</script>
<form name="someForm" method="POST">
  <input type="hidden" name="someField" id="someFieldId" />
  <input type="button" name="Submit" onclick="submit()" />
</form>

在Servlet中：

String variable = request.getParamater("someField");

如何使用javascript从JSP传递参数到Servlet

1 个答案: