0

我有一个包含十几个文本字段元素的表单。其值的任何更改都应执行 Javascript 函数。直到现在我知道我应该做什么，但我无法检测到触发函数的文本字段的索引。我尝试了一些我在这里和那里看到的解决方案，但没有成功。

<form action="" method="post" enctype="multipart/form-data" name="myforma1" target="_self" id="myforma1">
<input name="txtfield" type="text" id="txtfield" onchange="detect_it(this);" value="name of person" size="20" maxlength="25" />
<input name="txtfield" type="text" id="txtfield" onchange="detect_it(this);" value="name of person" size="20" maxlength="25" />
<input name="txtfield" type="text" id="txtfield" onchange="detect_it(this);" value="name of person" size="20" maxlength="25" />

... 

<script>
function detect_it(oo)
{
alert('Index of triggered element is: ' + oo.index);
/* rest of code */
}
</script>
4

2 回答 2

1

您可能不应该为所有输入提供相同的名称和 ID。

但是，您仍然可以查找父节点，然后遍历父节点的子节点，直到找到您的节点以检索其索引。

试试这个 getIndex() 函数：

<script>
var getIndex = function (node) {
    for (var i =0;i<node.parentNode.children.length;i++) {
        if (node.parentNode.children[i] === node) {
            return i;
        }
    }
}
function detect_it(oo) {
    alert('Index of triggered element is: ' + getIndex(oo));
}
</script>

看到这个小提琴：http: //jsfiddle.net/LkJxV/

编辑：更正代码（再次）（谢谢@Felix）

于 2013-06-30T08:20:10.193 回答
0

您的问题是 index 不是元素的属性。根据上下文，它可以有不同的索引，但您可以尝试尝试以下操作：

    function detect_it(oo){
     var inputs = document.getElementsByTagName('input')
     for (var i = 0 ; i<inputs.length ; i++){
        if(oo == inputs[i]{
          alert('Index of triggered element is: ' + i);
        }   
    }
    //enter code here
    }
于 2013-06-30T08:11:47.780 回答