2012-05-02 17 views
0

访问表行内的文本框,我用下面的代码使用JavaScript

<tr id="row"> 
<td><input type="text" name ="first" id="first" onclick="goto("row")"/> 
</td> 
<td><input type="text" name ="second" id="second"/> 
</td> 
</tr> 

<script> 
function goto(row) 
{ 
var row=document.getElementById("row"); 

} 
</script> 

在这里的跳转()函数,我得到的表行通过使用id.I需要获得第二个文本框当我点击第一个文本框时,在这一行内部。如何使用表格行ID得到第二个文本框。任何想法 ?。

+2

为什么不直接说'.getElementById(“第二”);'? – Johannes

+0

我不能使用.getElementById(“第二”);因为我正在动态生成这些表格行。所以每行都会有相同的项目和ids.But是改变动态生成的行的ID,以便我可以访问特定行中的每个项目 – elvisanandkumar

+1

如果您动态生成它们,我会建议分配每个唯一的一致的ID(如ID1 ,ID2,ID2),然后你可以说如果你点击ID1,选择ID2(你会在你的脚本中增加一个)。 – Johannes

回答

0

首先,您在HTML中缺少一些等号(=)符号。您可能需要将其更改为name =“first”和name =“second”。其次,我不确定为什么你有两个元素具有相同的“第二个”ID,当你可以将它们中的一个改成“first”,这样它们不会发生碰撞,然后你可以很容易地用getElementById选择第二个元素(“第二”)。简单的错误,对吧?

0

更改标识,使他们独特的,你可以直接访问输入文本框,如:

var txtbox = document.getElementById("YourTextboxId");