Question

如何通过javascript函数访问HTML文本框？

Answer 1

在文本框中设置ID属性并使用document.getElementById（）函数...示例如下：

<html>
<head>
<script type="text/javascript">

function doSomethingWithTextBox()
{
  var textBox = document.getElementById('TEXTBOX_ID');
  // do something with it ...

}

</script>
</head>

<body>

<input type="text" id="TEXTBOX_ID">

</body>
</html>

Answer 2

非常简单，试试这个：

<!doctype html>
<html>
    <head>
        …
    </head>
<body>
    <form>
        <input id="textbox" type="text" />
    </form>
    <script>
        var textboxValue = document.getElementById("textbox").value;
    </script>
</body>

变量textboxValue将等于您在文本框中输入的内容。

请记住，在HTML中出现文本框（input字段）后，必须放置脚本（如果写得那么简单），否则当页面首次加载时会出现错误，因为脚本是正在寻找尚未由浏览器创建的input字段。

我希望这有帮助！

Answer 3

为您的文本框添加id属性，之后，使用document.getElementById('<textbox id>')获取该属性。

Answer 4

首先，您需要能够获得对文本框的DOM（文档对象模型）引用：

<input type="text" id="mytextbox" value="Hello World!" />

请注意id属性，文本框现在具有ID mytextbox。

下一步是在JavaScript中获取引用：

var textbox = document.getElementById('mytextbox'); // assign the DOM element reference to the variable "textbox"

这将通过其id属性检索HTML元素。请注意，这些ID必须是唯一的，因此您不能拥有两个具有相同ID的文本框。

现在最后一步是检索文本框的值：

alert(textbox.value); // alert the contents of the textbox to the user

value属性包含文本框的内容，就是这样！

如需更多参考，您可以查看MDC的一些内容：
GetElementByID Reference
Input Element Reference
A general overview of the DOM

Answer 5

的document.getElementById（ 'textboxid'）。值要么 document.formname.textboxname.value

如何从JavaScript访问HTML文本框？

5 个答案: