如何使用javascript更改HTML文本字段的值

时间:2012-10-31 07:49:12

标签: javascript html forms

<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的值没有变化。

任何想法我做错了什么?

7 个答案:

答案 0 :(得分:8)

<script type="text/javascript">

而不是

<script type="javascript">

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

删除type属性也完全有效:

<script>

答案 1 :(得分:3)

type标记中删除script。这是不正确的,并使浏览器不将script内容视为JavaScript。 Here it is not workinghere it is working(删除了type="javascript")。

答案 2 :(得分:3)

你的行

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 :(得分:3)

必须是

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

而不是

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

答案 4 :(得分:1)

如果文本字段没有id属性且具有name属性,则

使用

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

getElementsByName()返回具有该特定名称的对象数组,这就是我们使用索引0的原因。

答案 5 :(得分:0)

您的代码没有任何问题,它在this fiddle中运行正常。

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

答案 6 :(得分:0)

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

    For i = 0 To UBound(Parametros)
        Param = New SqlParameter("str", Parametros(i))
        cmd.Parameters.Add(Param)
        Param.ParameterName = Nothing
    Next