将全局变量插入到文本框html中

时间:2013-11-15 13:57:11

标签: javascript html html5

我正在尝试将全局变量放入文本框中,因此当我运行代码时,它将使用此代码自动根据变量分配值

<html>
<head>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
var m = 1;
<script type="text/javascript" language="JavaScript">
function autofill(){
    var object = document.getElementsById('id_textbox');
    object.item(0).value=m;
}
</script>

HTML

</head>
<body onload="autofill();">
<input type="text" name="name_textbox" id="id_textbox" />

</body>
</html>

问题是,当我尝试打开我的网络浏览器时,文本框没有任何价值。会有什么问题?

2 个答案:

答案 0 :(得分:4)

您的功能应该是

function autofill(){
 var object = document.getElementById('id_textbox');
    object.value=m;
}

Working example

因为getElementsById不是函数(记住,元素id必须是唯一的,所以getElements没有意义 - 也许你把它与getElementsByClassNamegetElementsByName混淆了)

此外,我建议在尝试这些操作时始终使用F12浏览器调试工具 - 您将能够获得有关拼写错误,语法错误等的即时反馈。

答案 1 :(得分:2)

你需要在var m = 1;之后关闭脚本标记并将getElementsById更改为getElementById