js如何操作指定行-JavaSript-爱易网页

js如何操作指定行

日期：2014-05-16　浏览次数：20520 次

js怎么操作指定行啊
表格有2行，每行有1个文本框和一个按钮，如何点击该行的按钮就让这一行的文本框的值变成1啊

------解决方案--------------------
贴出你的代码
------解决方案--------------------

探讨

贴出你的代码

------解决方案--------------------

探讨
<input type="button" value="变" onclick="change();" />
function change()
{
document.getElementById("txt_tid").value = "1";
}

------解决方案--------------------

HTML code

<!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>        function change(i) {
            document.getElementById("txt_tid"+i).value = "1";
        }</script>
</head>
<body>
    <table>
        <tr>
            <td>
                文本框
            </td>
            <td>
                按钮
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" id="txt_tid1" />
            </td>
            <td>
                <input type="button" value="变" onclick="change(1);" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" id="txt_tid2" />
            </td>
            <td>
                <input type="button" value="变" onclick="change(2);" />
            </td>
        </tr>
    </table>
</body>
</html>

------解决方案--------------------
id重复 了？ 贴出你的HTML部分。

------解决方案--------------------

不确定ID的情况操作一行内的文本框:
HTML code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function Test()
{
var evt=window.event||arguments[0];
var parent=evt.srcElement.parentElement.parentElement;
var txts=parent.getElementsByTagName("input");
for(var i=0;i<txts.length;i++)
{
 if(txts[i].type=="text")
 {
  txts[i].value="1";
 }
}

}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" value="a"/>
<input type="button" value="Test" onclick="Test();"/>
</td>
</tr>
<tr>
<td>
<input type="text" value="a"/>
<input type="button" value="Test" onclick="Test();"/>
</td>
</tr>
</table>
</body>
</html>

------解决方案--------------------
探讨

HTML贴了啊，文本框的ID是一样的啊


------解决方案--------------------
getElementById这个是搜索页面中ID符合的第一个元素，肯定会都只在第一个文本框里了

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js如何操作指定行

相关资料更多>

推荐阅读更多>