<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>录入信息</title>
<base target="_self" />
<link href="<%=path%>/css/main.css" rel="stylesheet" type="text/css" />
<link href="./css/interface.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<%=path%>/js/calendar.js" charset="utf-8"></script>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
var a = new Array();
var i=0;
function addRow()
{
var tbody = document.getElementById("table_1").getElementsByTagName("TBODY")[0];
var row1=document.getElementById("row1");
var tempRow1=row1.cloneNode(true);
var row2=document.getElementById("row2");
var tempRow2=row2.cloneNode(true);
var row3=document.getElementById("row3");
var tempRow3=row3.cloneNode(true);
i++;
document.getElementById('tre').name ='a['+i+']';
document.getElementById('original').name ='a['+i+']';
document.getElementById('transactiondate').name ='a['+i+']';
document.getElementById('purchaser').name ='a['+i+']';
document.getElementById('transactionfee').name ='a['+i+']';
tbody.appendChild(tempRow1,row3);
tbody.appendChild(tempRow2,tempRow1);
tbody.appendChild(tempRow3,tempRow2);
//tbody.appendChild(tempRow2,row3);
//tbody.insertBefore(tempRow3,row3);
//tbody.insertBefore(tempRow2,row3);
}
function deleteRow2()
{
var tbody = document.getElementById("table_1").getElementsByTagName("TBODY")[0];
var row1=document.getElementById("row1");
var row2=document.getElementById("row2");
tbody.removeChild(row1);
tbody.removeChild(row2);
}
</script>
<script type="text/javascript">
function init()
{
if(thisForm.successMessage.value=='操作成功')
window.close();
if(thisForm.errorMessage.value=='操作失败')
alert(thisForm.errorMessage.value);
}
</script>
</head>
<body onLoad="init()">
<s:form name="thisForm" theme="simple" action="addcase" >
<table class="table_oper">
<tr>
<td> </td>
</tr>
<tr>
<td class="TdTitle">交易信息</td>
</tr>
</table>
<table width="100%" border="1" bordercolor="#FFFFFF" frame="hsides" cellspacing="0"
bordercolordark="#4FC8ED">
<DIV style="MARGIN-TOP: 10px">
<TABLE id="table_1">
<TBODY>
<TR>
<TD class="contentbg small_title" colSpan=5>
<span style="FLOAT: right">
<input onClick="addRow()" type=button value=添加 name=button2 />
</span>
</TD>
</TR>
<TR id="row1">
<td width="139">出让方</td>
<td width="400">
<s:textfield id="original" name="a[0]"/></td>
<td width="140">交易日期</td>
<td width="400"><s:textfield id="transactiondate" name="a[0]" onfocus="setday(this)"/></td>
<td>
<input onClick="deleteRow2()" type=button value="删除" name=button22 />
</td>
</TR> <TR id="row2">
<td>购买方</td>
<td><s:textfield id="purchaser" name="a[0]"/></td>
<td rowspan="2">备注</td>
<td rowspan="2"><s:textarea id="tre" name="a[0]"/></td>
</TR>
<TR id="row3">
<td>交易金额</td>
<td><s:textfield id="transactionfee" name="a[0]"/></td>
</TR>
</TBODY>
</TABLE>
</DIV>
</table>
<table class="table_oper">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="" width="40%">
<div align="right">
<s:submit name="saveButton" cssClass="TdButton"
value="确定" />
<s:submit name="returnButton" cssClass="TdButton"
value="取消" onclick="window.close();return false;" />
</div>
</td>
<td class="TdDataRuc" width="20%"> </td>
<td class="TdDataRuc" width="20%"> </td>
<td class="TdDataRuc" width="20%"> </td>
</tr>
</table>
</s:form>
</html>
如上面代码是在struts2下开发的前台页面。我对js不了解。需求是,点添加之后就多一套输入框。所以写了上面那个简陋的js 。但是所有的name就相同了,到action时候无法区分啊。我想把他们(a【i】)变成数组。但是弄来弄去都是字符串(a【i】) 请问该怎么办呢
document.getElementById('tre').name ='a['+i+']'; 不行
在后台用request.getParameterValuse("name")获得的是一个数组,就可以得到值了