多个同名input,如何判断或定位当前的录入位置?

tang688 2013-08-13 05:23:27
为了方便说明我把其它的都省略了
就是我有二组多个同名的input,我想在一个input比如a中录入内容时,另一个input的值比如b会根a据录入的数值自动变化。
<table>
<tr>
<td><input type=text value="" name=a></td>
<td><input type=text value="" name=b></td>
</tr>
<tr>
<td><input type=text value="" name=a></td>
<td><input type=text value="" name=b></td>
</tr>
<tr>
<td><input type=text value="" name=a></td>
<td><input type=text value="" name=b></td>
</tr>
......
</table>
我想在a框中录入数据时,对应同一行的b可以根据a的值同步变化,比如form1.b[i].value=form1.a[i].value*2
我现在的问题是如何定位(当前的i值)当前录入的框,让b可以根据这个定位来写入内容。
...全文
249 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
fzfei2 2013-08-13
  • 打赏
  • 举报
回复

	var as=document.getElementsByName('a');
	var bs=document.getElementsByName('b');
	for(var i=0;i<as.length;i++){
		as[i].i=i;
		as[i].onkeyup=function(){
			bs[this.i].value=this.value+'  ....';
		}
	}
街头小贩 2013-08-13
  • 打赏
  • 举报
回复

<!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" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<table>
<tr>
 <td><input type=text value="" name=a></td>
 <td><input type=text value="" name=b></td>
</tr>
<tr>
 <td><input type=text value="" name=a></td>
 <td><input type=text value="" name=b></td>
</tr>
<tr>
 <td><input type=text value="" name=a></td>
 <td><input type=text value="" name=b></td>
</tr>
</table>
<script type="text/javascript">
jQuery(function($){
	$('input[name=a]').keyup(function(){
		$(this).parents('tr').find('input[name=b]').val($(this).val() + 'b');
	});	
});
</script>
</body>
</html>

街头小贩 2013-08-13
  • 打赏
  • 举报
回复
我现在的问题是如何定位(当前的i值)当前录入的框,让b可以根据这个定位来写入内容。 re: 事件源.也就是找到触发事件的哪个元素(input name=a),再根据这个元素找它的父辈(tr),再根据tr再其内的input name=b

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧