使用java或javascript怎样获取动态添加行中的内容
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=ba...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="login">
<script type="text/javascript">
function addRow(){
var row=document.getElementById("tr1");
var table=document.getElementById("table");
var newtr=table.insertRow(10);
for(var i=0;i<4;i++){
var newtd=newtr.insertCell();
newtd.innerHTML=row.cells[i].innerHTML;
newtd.align="center";
}
}
</script>
</head>
<body>
<div style="display: none">
<table>
<tr id="tr1">
<td align="center">
<input type="text" value=" ">
</td>
<td align="center">
<select>
<option value="0">未设置信道</option>
<option value="1">TDMA控制信道</option>
<option value="2">TDMA业务信道</option>
<option value="3">TDMA不能轮信的业务信道</option>
<option value="4">TDMA中继信道</option>
<option value="5">FDMA控制信道</option>
<option value="6">FDMA业务信道</option>
<option value="7">FDMA不能轮信的业务信道</option>
<option value="8">FDMA中继信道</option>
</select>
</td>
<td align="center">
<input type="text" value=" ">
</td>
<td>
<textarea rows="2" cols="20"></textarea>
</td>
</tr>
</table>
</div>
<table class="page" id="table" align="center" border="2" bordercolor="white" cellspacing="0" cellpadding="2">
<tr>
<td colspan="4" align="center">
<input type="button" onclick="addRow()" value="添加逻辑信道数据">
<input type="button" value=" 设 置 ">
</td>
</tr>
</table>
</body>
</html> 展开
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="login">
<script type="text/javascript">
function addRow(){
var row=document.getElementById("tr1");
var table=document.getElementById("table");
var newtr=table.insertRow(10);
for(var i=0;i<4;i++){
var newtd=newtr.insertCell();
newtd.innerHTML=row.cells[i].innerHTML;
newtd.align="center";
}
}
</script>
</head>
<body>
<div style="display: none">
<table>
<tr id="tr1">
<td align="center">
<input type="text" value=" ">
</td>
<td align="center">
<select>
<option value="0">未设置信道</option>
<option value="1">TDMA控制信道</option>
<option value="2">TDMA业务信道</option>
<option value="3">TDMA不能轮信的业务信道</option>
<option value="4">TDMA中继信道</option>
<option value="5">FDMA控制信道</option>
<option value="6">FDMA业务信道</option>
<option value="7">FDMA不能轮信的业务信道</option>
<option value="8">FDMA中继信道</option>
</select>
</td>
<td align="center">
<input type="text" value=" ">
</td>
<td>
<textarea rows="2" cols="20"></textarea>
</td>
</tr>
</table>
</div>
<table class="page" id="table" align="center" border="2" bordercolor="white" cellspacing="0" cellpadding="2">
<tr>
<td colspan="4" align="center">
<input type="button" onclick="addRow()" value="添加逻辑信道数据">
<input type="button" value=" 设 置 ">
</td>
</tr>
</table>
</body>
</html> 展开
3个回答
展开全部
修改和增加的地方请看注释，内容太多就不多解释了^_ ^。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="login">
<script type="text/javascript">
function addRow(){
var row=document.getElementById("tr1");
var table=document.getElementById("table");
var newtr=table.insertRow(); //去掉这里的参数10，要同时增加10行请用for循环
for(var i=0;i<4;i++){
var newtd=newtr.insertCell();
newtd.innerHTML=row.cells[i].innerHTML;
newtd.align="center";
}
}
function getValueOfRow(){ //增加一个函数，将在“设置”中调用
var ret,curr=[];
var rows=document.getElementById('table').rows;
var result=document.getElementById('result'); //在底部增加了一个ul 存放结果
result.innerHTML='';
for(var i=1;i<rows.length;i++){
for(var j=0;j<4;j++){
curr[j]=rows[i].cells[j]; //取得每一行的各个td，并赋给curr数组
}
var value0=curr[0].getElementsByTagName('input')[0].value;
var value1=curr[1].getElementsByTagName('select')[0].value; //取得select的value，要取得选项的文字，就把这一行的value改为text，还要稍作修改
var value2=curr[2].getElementsByTagName('input')[0].value;
var value3=curr[3].getElementsByTagName('textarea')[0].value;
var ret=value0+'\n'+value1+'\n'+value2+'\n'+value3;
// alert(ret);
result.innerHTML+='<li>'+ret+'</li>';
}
}
</script>
</head>
<body>
<div style="display: none">
<table>
<tr id="tr1">
<td align="center">
<input type="text" value=" ">
</td>
<td align="center">
<select>
<option value="0">未设置信道</option>
<option value="1">TDMA控制信道</option>
<option value="2">TDMA业务信道</option>
<option value="3">TDMA不能轮信的业务信道</option>
<option value="4">TDMA中继信道</option>
<option value="5">FDMA控制信道</option>
<option value="6">FDMA业务信道</option>
<option value="7">FDMA不能轮信的业务信道</option>
<option value="8">FDMA中继信道</option>
</select>
</td>
<td align="center">
<input type="text" value=" ">
</td>
<td>
<textarea rows="2" cols="20"></textarea>
</td>
</tr>
</table>
</div>
<table class="page" id="table" align="center" border="2" bordercolor="white" cellspacing="0" cellpadding="2">
<tr>
<td colspan="4" align="center">
<input type="button" onclick="addRow()" value="添加逻辑信道数据">
<input type="button" onclick="getValueOfRow()" value=" 设 置 ">
</td>
</tr>
</table>
<ul style="list-style-type:decimal" id='result'></ul> <!-- 这里增加了一个ul存放行的内容 -->
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="login">
<script type="text/javascript">
function addRow(){
var row=document.getElementById("tr1");
var table=document.getElementById("table");
var newtr=table.insertRow(); //去掉这里的参数10，要同时增加10行请用for循环
for(var i=0;i<4;i++){
var newtd=newtr.insertCell();
newtd.innerHTML=row.cells[i].innerHTML;
newtd.align="center";
}
}
function getValueOfRow(){ //增加一个函数，将在“设置”中调用
var ret,curr=[];
var rows=document.getElementById('table').rows;
var result=document.getElementById('result'); //在底部增加了一个ul 存放结果
result.innerHTML='';
for(var i=1;i<rows.length;i++){
for(var j=0;j<4;j++){
curr[j]=rows[i].cells[j]; //取得每一行的各个td，并赋给curr数组
}
var value0=curr[0].getElementsByTagName('input')[0].value;
var value1=curr[1].getElementsByTagName('select')[0].value; //取得select的value，要取得选项的文字，就把这一行的value改为text，还要稍作修改
var value2=curr[2].getElementsByTagName('input')[0].value;
var value3=curr[3].getElementsByTagName('textarea')[0].value;
var ret=value0+'\n'+value1+'\n'+value2+'\n'+value3;
// alert(ret);
result.innerHTML+='<li>'+ret+'</li>';
}
}
</script>
</head>
<body>
<div style="display: none">
<table>
<tr id="tr1">
<td align="center">
<input type="text" value=" ">
</td>
<td align="center">
<select>
<option value="0">未设置信道</option>
<option value="1">TDMA控制信道</option>
<option value="2">TDMA业务信道</option>
<option value="3">TDMA不能轮信的业务信道</option>
<option value="4">TDMA中继信道</option>
<option value="5">FDMA控制信道</option>
<option value="6">FDMA业务信道</option>
<option value="7">FDMA不能轮信的业务信道</option>
<option value="8">FDMA中继信道</option>
</select>
</td>
<td align="center">
<input type="text" value=" ">
</td>
<td>
<textarea rows="2" cols="20"></textarea>
</td>
</tr>
</table>
</div>
<table class="page" id="table" align="center" border="2" bordercolor="white" cellspacing="0" cellpadding="2">
<tr>
<td colspan="4" align="center">
<input type="button" onclick="addRow()" value="添加逻辑信道数据">
<input type="button" onclick="getValueOfRow()" value=" 设 置 ">
</td>
</tr>
</table>
<ul style="list-style-type:decimal" id='result'></ul> <!-- 这里增加了一个ul存放行的内容 -->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接写到jsp页面中的静态代码部分或用Response.out输出也可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你的select加个name或者id.再取。form.select_01.value或者$('#selecte_01').val()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
