외부 자바 스크립트의 html 입력란에서 값 받기

Question

HTML 페이지와 외부 JavaScript 파일이 있습니다. JavaScript의 HTML 페이지에서 input 태그의 값에 액세스하려면 어떻게해야합니까? 자바 스크립트 파일에서

<form name="formxml"> 
<input type="text" name="xmlname"/> 
<input type="submit" value="Click me please" onclick="loadxml()"/> 
</form> 

, 내가하려고했던 :

var name = document.formxml.xmlname.value 

를 그러나 이것은 어떻게해야합니까

"document.formxml이 정의되지"의 오류를 제공 다음과 같이 나의 HTML은 ? 당신이 입력 태그

document.getElementById('id').value 

Answer 1

가 보이는 ? 페이지가 렌더링되기 전에이 그것에 대해 확실하지 구문 분석 있기 때문에 아직 형성하지만, 함수에 넣어하고 (그것을로드가 끝나면) 페이지에서 함수를 호출하여 수행 업무 :

function foo() { 
    var name = document.formxml.xmlname.value; 
    alert(name); 
} 

및

<form action="" method="post" name="formxml"> 
    <input type="text" name="xmlname" value="123" id="xmlname"> 
    <input type="button" onclick="foo();"> 
</form> 

Answer 2

는 다음을 사용할 수 있습니다. 형태 .formxml.xmlname.value

Answer 3

어쩌면 문서에 id 속성을 추가 한 후

Answer 4

또한 사용할 수 있습니다

var name = document.forms[0].xmlname.value; //where [0] means the first form on the page 

Answer 5

var name = document.formxml.value; //Will not work in all browsers 
var name = document.forms[0].xmlname.value; //safest if the form is the first on the page 
var name = document.getElementById('inputId').value; //works in basically everything assuming the browser has DHTML (which is like everything). 

마지막 하나는 식을 위해 입력 ELEM을 필요는 "inputId는"여기에 추가. 외부 JS가로드 될 때

또한 코드 양식 [0] 여기에 작동하며 formxml는하지 않습니다 이유입니다 (형태를 가정하는 것은 존재, 작동합니다. 외부 JS가를 찾을 수 없습니다처럼

Answer 6

시험해보기

<script> 
    function yourfunction() 
    { 
     var x = document.getElementsByName("fieldname").value; 
    } 
</script>