2012-10-31 51 views
10
<head> 
<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" value="0" align="right" size="13"/><br> 

<input id="button1" type="button" value="1" onclick="display()"> 
</form> 
</body> 

但textfield的值没有变化。如何使用javascript更改HTML的文本字段的值

任何想法我做错了什么?

+0

我希望它从“0”更改为“abc” 实际上,我正在创建一个计算器,我将通过“1”但在不久的将来解决此问题时 –

回答

8

尝试

<script type="text/javascript"> 

,而不是

<script type="javascript"> 

。我相信后者不是一个有效的语法。

卸下type属性完全的作品,以及:

<script> 
+0

更好地将其完全移除。 –

+0

我会说,追加这个提到,你可以只

0

你的代码没有问题,它在this fiddle中工作正常。

我只是推测,但你可以尝试删除脚本标签的类型属性,或将其更改为type="text/javascript"这将是正确的使用类型。如果你没有指定它,浏览器会默认将它视为JavaScript。

2

你行

document.getElementById("textField1").value = "abc"; 

是正确的,尝试

<head> 
<script> 
function display() { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" size="13" value="clear" /><br> 

<input type="button" onclick="display()"> 
</form> 
</body> 
3

它必须是

<script type="text/javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 

,而不是

<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
0

这实际上是正确的,但如果它不工作,尝试这样的:

document.getElementById("textfield1").innerHtml = "ABC"; 
0

在文本字段是不是有id属性,然后有name属性的情况下,

使用

document.getElementsByName("name")[0].value="ert";

getElementsByName()返回带有特定名称的对象的数组,这就是为什么我们使用的索引0

相关问题