Javascript를 사용하여 양식의 텍스트 필드 배열 색인을 얻는 방법은 무엇입니까?

Question

12 개의 텍스트 필드 요소가있는 양식이 있습니다. 값의 변경은 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> 

Answer 1

귀하의 문제는 인덱스가 요소의 속성되지 않는 것입니다. 그것은 상황에 따라 전혀 다른 인덱스를 가질 수 있지만 이 같은 시도 시도 할 수 있습니다 : 당신은 아마 모든 입력을 동일한 이름과 ID를 제공해서는 안

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 
    } 

Answer 2

합니다.

그러나 노드를 찾아 인덱스를 찾을 때까지 부모 노드를 계속 찾고 부모 노드의 자식을 반복 할 수 있습니다.

이 getIndex() 함수를보십시오 : http://jsfiddle.net/LkJxV/

편집 :

<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> 

이 바이올린을 참조 코드 (다시) (THX @Felix)