使用javascript从表单获取记录值
我想从下表中获取id和name的值，并发送到服务器以更新记录。 到目前为止，我已使特定记录可编辑，但我完全无法将更新后的值发送到服务器端。我是JavaScript的新手。谢谢你的帮助 JavaScript代码：使用javascript从表单获取记录值,java,javascript,html,css,jsp,Java,Javascript,Html,Css,Jsp,我想从下表中获取id和name的值，并发送到服务器以更新记录。 到目前为止，我已使特定记录可编辑，但我完全无法将更新后的值发送到服务器端。我是JavaScript的新手。谢谢你的帮助 JavaScript代码： <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD
<%@ 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 uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ taglib uri="/struts-tags" prefix="s" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Records</title>
<link rel="stylesheet" type="text/css" href="/XMLTest/css/tableStyle.css" />
<script type="text/javascript">
function makeEditable(elem) {
var parentNode = elem.parentNode.parentNode;
var childs = parentNode.childNodes;
for(var i = 0; i < childs.length-1; i++){
var innerChilds = childs[i].childNodes;
var innerChildValue = "";
if( innerChilds.length > 0){
for(var j = 0; j < innerChilds.length; j++){
var tag = innerChilds[j];
if(tag.type == 'button')
continue;
if(tag.type == 'hidden')
innerChildValue = tag.value;
}
}
childs[i].innerHTML = "<input type='text' size='10' value='" +innerChildValue +"' />";
}
childs[childs.length-1].innerHTML = "<form action='updateOrganization'><input type='hidden' name='id' value='' /><input type='submit' value='Save'/></form><input type='button' value='Cancel' onClick='window.location.reload()'/>";
}
</script>
</head>
<body>
<jsp:include page="/header.jsp"></jsp:include>
<center>
<display:table id="record" name="listOfOrganization" requestURI="/organization" pagesize="10">
<display:caption>Organization Records</display:caption>
<display:column title="Id">
<c:out value="${record.id}"></c:out>
<input type="hidden" name="id" value="${record.id}" />
</display:column>
<display:column title="Name" >
<c:out value="${record.name}"></c:out>
<input type="hidden" name="name" value="${record.name}" />
</display:column>
<display:column media="html">
<input type="button" onclick="makeEditable(this)" value="update" />
<input type="button" onclick="makeEditable(this)" value="view" />
</display:column>
</display:table>
</body>
</html>
记录
函数makeEditable（elem）{
var parentNode=elem.parentNode.parentNode；
var childs=parentNode.childNodes；
对于（变量i=0；i0）{
对于（var j=0；j