자바 스크립트에서 텍스트 상자 값 가져 오기

Question

내 페이지에 "myField"라는 필드가 있습니다. 이제 동적입니다. 따라서 2 개의 경우가 있습니다. 즉, 1 개의 필드로만 가능합니다.

<input type="text" name="myField" /> 

또는 아래와 같이 2 개의 필드가있을 수 있습니다.

<input type="text" name="myField" /> 
<input type="hidden" name="myField" /> 

JS의 값에 액세스하는 데 다음 코드를 사용합니다. 단 1 필드

가 어떻게 같은 처리하기 위해 동적 JS 코드를 작성 않습니다 (첫 번째 경우와 같이)가있는 경우

document.forms[0].myField[0].value 

그러나이 작동하지 않습니다? 크로스 브라우저 호환이어야합니다.

Answer 1

예, 첫 번째 경우에는 document.forms[0].myField.value을 사용해야합니다.

내가 getElementsByName() 방법으로 요소를 검색하는 게 좋을 것 :

var val = document.getElementsByName("myField")[0].value; 

Answer 2

더 좋은 방법은 각 요소에 고유 ID를 부여하고

document.getElementById(id).value 

Answer 3

으로 그것을 얻을 JQuery에서보세요 것입니다 , 그리고 here's 값을 얻는 방법에 대한 정보.

Answer 4

는 적어도 하나의 요소 이름 "myField"가 제공된다

var count = document.forms[0].myField.length; 
for(var i=0; i < count; i++){ 
    // do something with document.forms[0].myField[i].value 
    console.log(document.forms[0].myField[i].value); 
} 

바이올린 : http://jsfiddle.net/HtrrT/