页面中有相同名的输入项，我能通过this指针取得当前输入项的下标吗？

因为是一行一行的数据，我想通过点击按钮传入 this 然后知道点击按钮在按钮名数组的下标，可以吗？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

this是不需要传的，直接可以使用
要传当然可以
怎么做呀！
比如有5行数据。5个button的名相同。
然后我点击button后（传入button的this引用），我想知道我究竟是操作的那一行。因为每列输入项也都是相同的名，只能通过下标去了。
如
document.forms[0].name[i].value 这样
通过节点取如果你的button是放在一个table 的 td里
那么你就可以this.parentNode.parentNode===>这会是当前tr了再就可以控制了比如取
当前行第二列
this.parentNode.parentNode.cells[1].innerHTML
<!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>
    <title>无标题页</title>    <script src="../脚本/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
      $("#Button1").bind("click",function(){
      //这里的this就是button1
        alert($(this).attr("name"));
      })
    })
    </script>
</head>
<body>
    <input id="Button1" name="ws_hgo" type="button" value="button" />
</body>
</html>
没太说清楚，代码如下。
<tr>
<td width="20%">
<select name="zenitemid" id="syohi_zenitemid" style="width:120px;" onchange="itemchange(this);">
  <option value="0001" selected="selected">１１１</option>
  <option value="0002">２２２</option>
  <option value="0003">３３３</option>
</select>
</td>
<td width="25%"><input type="text" name="zencontent" value='2222' class="input1"/></td>
<td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1"/></td>
<td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1"/></td>
</tr>
<tr>
<td width="20%">
<select name="zenitemid" id="syohi_zenitemid" style="width:120px;" onchange="itemchange(this);">
  <option value="0001" selected="selected">１１１</option>
  <option value="0002">２２２</option>
  <option value="0003">３３３</option>
</select>
</td>
<td width="25%"><input type="text" name="zencontent" value='2222' class="input1"/></td>
<td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1"/></td>
<td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1"/></td>
</tr>
<tr>
<td width="20%">
<select name="zenitemid" id="syohi_zenitemid" style="width:120px;" onchange="itemchange(this);">
  <option value="0001" selected="selected">１１１</option>
  <option value="0002">２２２</option>
  <option value="0003">３３３</option>
</select>
</td>
<td width="25%"><input type="text" name="zencontent" value='2222' class="input1"/></td>
<td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1"/></td>
<td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1"/></td>
</tr>每一行都有一个相同的select 我想在他改变是，去操作所选择行的其他输入项，当然目前我只知道下标方式。但下标怎么取到不知道。当然有其他方法更好。
你select的id不要弄成相同，id是唯一的
你不能都设成相同，都相同，如何区分
各个select的id起得有规律一点,
比方第一行 select id:tr1,第二行tr2,
还有各个input，它们的id你给加上，也得有规律点，可以体现在第几行
像你这样，想区别开，还都弄成一样，当然不行<!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>
<script language="javascript" src="js/jquery-1.3.2.min.js">
</script>
</head>
<body>
<table>
  <tr>
    <td width="20%"><select name="zenitemid" id="tr1" style="width:120px;">
        <option value="0001" selected="selected">１１１ </option>
        <option value="0002">２２２ </option>
        <option value="0003">３３３ </option>
      </select></td>
    <td width="25%"><input type="text" name="zencontent" value='2222' class="input1" id="zencontent1"/></td>
    <td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1" id="zengentani1"/></td>
    <td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1" id="zensyohiryo1"/></td>
  </tr>
  <tr>
    <td width="20%"><select name="zenitemid" id="tr2" style="width:120px;" >
        <option value="0001" selected="selected">１１１ </option>
        <option value="0002">２２２ </option>
        <option value="0003">３３３ </option>
      </select></td>
    <td width="25%"><input type="text" name="zencontent" value='2222' class="input1" id="zencontent2"/></td>
    <td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1" id="zengentani2"/></td>
    <td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1" id="zensyohiryo2"/></td>
  </tr>
  <tr>
    <td width="20%"><select name="zenitemid" id="tr3" style="width:120px;">
        <option value="0001" selected="selected">１１１ </option>
        <option value="0002">２２２ </option>
        <option value="0003">３３３ </option>
      </select></td>
    <td width="25%"><input type="text" name="zencontent" value='2222' class="input1" id="zencontent3"/></td>
    <td width="15%"><input type="text" name="zengentani" value='3333.00' class="input1" id="zengentani3"/></td>
    <td width="15%"><input type="text" name="zensyohiryo" value='33333' class="input1" id="zensyohiryo3"/></td>
  </tr>
</table>
</body>
</html>
<script language="javascript">
$(function()
{
$('select').change(itemchange);
});
function itemchange()
{
var rows=this.id.substring(this.id.length-1);//取得'1'或'2'等的行号
alert($('#zencontent'+rows).val())///操作吧
alert($('#zengentani'+rows).val())///操作吧
alert($('#zensyohiryo'+rows).val())///操作吧
}
function  at(tableId,x,y){
  return document.getElementById(tableId).rows[x-1].cells[y-1];
}
</script>
支持楼上，id不能相同的，name可以相同。所谓下标你可以取其默认坐标也可以传各手动设置的象征性的坐标。
可以！下面代码另存为 t.htm然后打开，click 任一按钮<html>
<head>
<title>C</title></head><body >
<script >
function getindex()
{
var cc=document.getElementsByName(window.event.srcElement.name);
for(i=0;i<cc.length;i++)
{
if(window.event.srcElement==cc[i])
alert(i);
}
}
</script>

<form name="form1" method="post" action="">
  <input type="button" name="btn" value="button" onclick="getindex();" >
  <input type="button" name="btn" value="button" onclick="getindex();" >
  <input type="button" name="btn" value="button" onclick="getindex();" >
  <input type="button" name="btn" value="button" onclick="getindex();" >
</form></body>
</html>