Вопрос по javascript, html – JavaScript изменить значение кнопки

4

Как мне изменить значение этой кнопки? Я смотрю на учебник, но, кажется, меняется только URL, а не кнопка.

<code><form name="form" id="form">
<button name="button" id="button">Click Me!</button>
</form>

<script type="text/javascript">
document.form.button.value=new Date();
</script>
</code>
Вы хотите, чтобы форма была отправлена при нажатии на кнопку? Если это так, это приведет к обновлению страницы, что делает бессмысленным изменение метки кнопки. Если все, что вы пытаетесь сделать, это видеть, как текст кнопки изменяется при нажатии на нее, тогда вам действительно не нужна форма. Travesty3

Ваш Ответ

4   ответа
0

использованиеinnerHTML:

document.form1.button1.innerHTML=new Date();

UPDATE: В качестве альтернативы вы можете определить свою кнопку как:

<input name="button" id="button" type="button" value="Click Me!" />

В таком случае

document.form.button.value=new Date();

должен работать так, как вы ожидали.

9

чтобы изменить значение с помощью функции.

Если вы добавитеonsubmit="return false" к тегу формы, он не обновит страницу.

<form name="form" id="form" onsubmit="return false">
    <button name="button" id="button" onclick="changeValue();" value="before" >Click Me!</button>
</form>

<script type="text/javascript">
    function changeValue()
    {
        // Changes the value of the button
        document.form.button.value = new Date();

        // Changes the text on the button
        document.form.button.innerHTML = new Date();
    }
</script>
теперь он изменяет URL и добавляет & quot;? button = after & quot; в конце droidus
ах, я только что что-то видел ... после всплывающих окон появляется быстрый момент, когда появляется дата / время, потом быстро исчезает ... droidus
@droidus Я отредактировал свой пост, есть две разные вещи, значение кнопки и текст на кнопке. Мой пример сейчас делает оба.
@JonathanPayne Полагаю, что именно вы опровергли мои ответы и ответы Travesty3 ... Отмените отрицательные ответы. Вы не знаете, что такое "droidus" хочет: "когда пользователь нажимает кнопку, текст внутри кнопки должен измениться" (из "droidus").
это работает, но не меняет текст кнопки ... он меняет URL на этот ... www.mywebsite.com/javascript.html?button=Thu+Jan+18+2020+14%3A51%3A00+GMT- 0400 +% 28Eastern + Дневной свет + Время% 29 droidus
6
document.form.button.innerHTML = new Date();

EDIT:

Если вы пытаетесь заставить текст кнопки измениться на текущую дату, когда вы нажимаете ее, это то, что вы хотите сделать:

<script type="text/Javascript">
    function changeLabel()
    {
        document.getElementById('button').innerHTML = new Date();
    }
</script>

<button id="button" onclick="changeLabel()">Click Me!</button>
все еще не работает для меня ... droidus
что-то вроде этого: document.getElementById ("button1"). innerHTML = "..." droidus
Он хочет изменить значение, а не текст на кнопке (innerHTML)
@JonathanPayne: Какой смысл ставить значение для тега кнопки? В любом случае, в этом вопросе жалоба заключается в том, что «кажется, что изменяется только URL, а не кнопка». Похоже, нам нужно больше информации о желаемом результате.
window.onload (function () {document.form.button.innerHTML = new Date ();});
5

onclick="changeValue(this);"

function changeValue(button)
{
    // Changes the value of the button
    button.value = new Date();
}

Похожие вопросы