Как изменить значение текстового поля HTML с помощью javascript

<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>

но значение текстового поля не изменяется.

Любые идеи, что я делаю неправильно?

Ответ 1

попробовать

<script type="text/javascript">

вместо

<script type="javascript">

. Я считаю, что последний не является допустимым синтаксисом.

Удаление атрибута type полностью работает:

<script>

Ответ 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

Ваша строка

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>

Ответ 5

В коде нет ничего плохого, он отлично работает в этой скрипке.

Я только предполагаю, но вы можете попробовать либо удалить атрибут типа script -tag, либо изменить его на type="text/javascript", который будет правильным типом. Если вы не укажете его, браузер будет считать его JavaScript по умолчанию.

Ответ 6

Это действительно правильно, но если он не работает, попробуйте вот так:

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

Ответ 7

Если текстовое поле не имеет атрибута id и имеет атрибут name,

использовать

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