Ric*_*ich 10
在文本框中设置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>
很简单,试试这个:
<!doctype html>
<html>
<head>
…
</head>
<body>
<form>
<input id="textbox" type="text" />
</form>
<script>
var textboxValue = document.getElementById("textbox").value;
</script>
</body>
变量textboxValue将等于您在文本框中输入的内容.
请记住,在inputHTML中出现文本框(字段)后,您必须放置脚本(如果写得那么简单),否则当页面首次加载时您会收到错误,因为脚本正在查找input尚未显示的字段由浏览器创建.
我希望这有帮助!
首先,您需要能够获得对文本框的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参考
输入元素参考
DOM的一般概述
| 归档时间： |
|
| 查看次数： |
87079 次 |
| 最近记录： |