Question

这是我想在每次创建新元素时更改name属性的javascript代码。每次添加新表行时，我都会创建新的文本框。但是当我尝试从servlet访问这些元素的值时，它会显示我的null值。我究竟做错了什么？任何帮助，将不胜感激。 Thanx提前!!

<html>
<head>
<script>

function addRow()
 {
    var table = document.getElementById('table');
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "text";
    element1.name ="item"+rowCount;
    cell1.appendChild(element1);     
    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.name ="amount"+rowCount;   
    cell2.appendChild(element2);
    var cell3 = row.insertCell(2);
    cell3.innerHTML = ' <input type="button" value="Edit" onclick="editRow(this)"/>           <input type="button" value="Delete" onclick="deleteRow(this)"/>';
    cell3.setAttribute("style", "display:none;");
    var cell4 = row.insertCell(3);
    cell4.innerHTML = '<input type="button" value="Save" onClick="saveRow(this)">';

    document.listform.hfield.value=rowCount;
}
function submitList()
 {
 document.listform.submit();    
 }
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Create your list</title>
</head>
<body>
<form name="listform" method="post" action="Billingservlet">
<div class="wrap">
<center>
<div id="display">
<table id='table' border="0">
<tr id='id'>
<th>Item Name</th>
<th>No. of units</th>   
</tr>   
</table>    
<input type="button" value="Add another item" onclick="addRow()">
<input type="button" value="Submit List" onclick="submitList()">
<input type="hidden" name="hfield">

我的Servlet代码是

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
PrintWriter out= response.getWriter();
int i=1;
String val1=request.getParameter("item2");
out.print(val1);

我使用chrome检查了要进入servlet的数据：

hfield:2
Response Headersview parsed
HTTP/1.1 200 OK
server: Apache-Coyote/1.1
Content-Length: 4
Date: Fri, 13 Sep 2013 02:21:29 GMT

Answer 1

1）您可以使用element.name=newName;或
2）您可以使用element.setAttribute("name",newName);

其中任何一个都会设置元素的“name”属性。

所以...

var element1 = document.createElement("input");
element1.name="myInput";

...或...

var element1 = document.createElement("input");
element1.setAttribute("name","myInput");

Answer 2

我认为你在这里遗漏了相当多的相关代码。什么时候发布到servlet？这段代码在哪里？你是否对你的servlet进行了AJAX调用？输入定义的名称字段为“item1”还是“item2”？您是否使用AJAX帖子发送了一系列项目？究竟是怎么回事？

您提供的JavaScript函数没有调用服务器，我甚至不确定您是如何看到打印出的空值。

如果要查看发送到servlet的所有参数，为什么不进行循环打印呢？

    for (String name : request.getParameterMap().keySet()) {
        System.out.println("Name: " + name + " = " + request.getParameter(name));
    }

发布您的其他JavaScript函数或相关HTML表单，其中数据实际发送到服务器，并且可能更容易确定问题。

为动态创建的元素分配和唯一名称

2 个答案: