html 用嵌套for循环制作input 在javascript中怎么获得每个值(二维数组)
JSP中的代码如下:<%for(inti=0;i<6;i++){%><tr><td><inputname='zy'class='noborder'/></td><%for...
JSP中的代码如下:
<%
for ( int i=0; i<6; i++ ) {
%>
<tr>
<td><input name='zy' class='noborder'/></td>
<%
for ( int j=0; j<11; j++) {
%>
//这里有个捕获失去焦点的事件 函数的实现中需要获得这个<input>的值
<td><input name='jfje' class='noborder' onblur='gTotle();'/></td>
<%
}
%>
</tr>
<%
}
%>
gTotle()函数中 由于是两个for循环 所以无论有多少行 无论每行有多少列 全部都只有一个name
我想过一个方法 就是在javascript中document.getElementsByName("jfje")[i].value;来获得那个值 但是这样 只适合只有一行的情况下
document.getElementsByName好像不支持二维数组 就是document.getElementsByName("jfje")[i][j].value; 我尝试过后 没有用 .. 展开
<%
for ( int i=0; i<6; i++ ) {
%>
<tr>
<td><input name='zy' class='noborder'/></td>
<%
for ( int j=0; j<11; j++) {
%>
//这里有个捕获失去焦点的事件 函数的实现中需要获得这个<input>的值
<td><input name='jfje' class='noborder' onblur='gTotle();'/></td>
<%
}
%>
</tr>
<%
}
%>
gTotle()函数中 由于是两个for循环 所以无论有多少行 无论每行有多少列 全部都只有一个name
我想过一个方法 就是在javascript中document.getElementsByName("jfje")[i].value;来获得那个值 但是这样 只适合只有一行的情况下
document.getElementsByName好像不支持二维数组 就是document.getElementsByName("jfje")[i][j].value; 我尝试过后 没有用 .. 展开
2个回答
展开全部
你好看了你的代码我再给你加一段。呵呵
你那个程序循环出来了6个input. 你在Table这个位置有ID的吧?假设ID为inputList
先引用JQuery。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>.tabw td{width:auto;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
$("#inputList input").each(function(index) {
$(this).click(function(){
alert(index);
})
});
});
</script>
</head>
<body>
<table id="inputList" width="100%" border="1">
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
</table>
</body>
</html>
你那个程序循环出来了6个input. 你在Table这个位置有ID的吧?假设ID为inputList
先引用JQuery。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>.tabw td{width:auto;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
$("#inputList input").each(function(index) {
$(this).click(function(){
alert(index);
})
});
});
</script>
</head>
<body>
<table id="inputList" width="100%" border="1">
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
</table>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询