外部JavascriptでHTMLの入力ボックスから値を取得する - javascript、html

HTMLページと外部JavaScriptファイルがあります。 どのように私は input JavaScriptのHTMLページからのタグですか？私のHTMLは以下の通りです：

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

Javascriptファイルで、私は試していた：

var name = document.formxml.xmlname.value

これは "document.formxml is undefined"というエラーを出します。

私は何をすべきか？

回答：

回答№1の場合は3

外部のjsがフォームを見つけることができないように見えるまだページがレンダリングされる前に解析されているので、それについてはわかりませんが、関数に入れてページ上の関数を呼び出すと（読み込みが完了しても）動作します：

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>

---

回答№2については2

入力タグにid属性を追加した後、次のように使用できます

document.getElementById("id").value

---

答え№3の2

多分文書化する。フォーム.formxml.xmlname.value

---

回答№4の場合は1

また次のものを使用することもできます：

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

---

回答№5の場合は1

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にid = "inputId"が追加されている必要があります。

また、外部jsがロードされたときにフォームが存在すると仮定すると、コードは機能します（フォーム[0]はここで動作し、formxmlは動作しません）。

---

答え№6の場合は1

これを試して

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

---