使用javascript将输入标签的值设置为另一个值答案

【问题标题】：set value of input tag to another value using javascript使用javascript将输入标签的值设置为另一个值
【发布时间】：2013-02-21 04:26:10
【问题描述】：

我有一个 HTML 输入标记，我想在单击按钮时更改它的值，所有这些都在提交整个表单之前完成。

我正在尝试使用 getElementById(idOfInput).value = "value I want to set it to"，但这似乎不起作用。

在这里查看 jsfiddle：http://jsfiddle.net/dchaddock/83NZu/1/

<input id="resetTesting" value="Testing" />
<button type="button" onclck="resetInput();">Testing</button>

function resetInput() {
    document.getElementById("resetTesting").value = "I'm reset!";
}

谢谢！

【问题讨论】：

您按钮的onclck 属性是此帖子中的拼写错误，还是存在于您的页面中？如果是后者，那至少是你的问题的一部分。

标签： javascript html forms input

【解决方案1】：

你拼错了onclick：

<button type="button" onclck="resetInput();">Testing</button>
                         ^

演示：http://jsfiddle.net/83NZu/2/

【讨论】：

【解决方案2】：

这里是 jsFiddle 链接

http://jsfiddle.net/83NZu/3/

<input id="resetTesting" value="Testing" />
<button type="button" id="btnSubmit" >Testing</button>

    $(function(){
        $("#btnSubmit").click(function(){
            $("#resetTesting").val('test'); // Set the Value
            alert($("#resetTesting").val()); // Get the Value
        })
    })

【讨论】：

OP 从来没有说过使用 jQuery。
@user2063626，你在哪里见过 OP 提到 jQuery 可用或正在使用（或者他甚至会认出的东西）？
事实上，甚至没有分配给问题的 jQuery 标签

【解决方案3】：

当您的 javascript 编译器点击您的 onclick="resetInput();" 时，您的函数未定义。将脚本放在 html 之前，您应该可以开始了。

<script type="text/javascript">
    function resetInput() {

    document.getElementById("resetTesting").value = "I'm reset!";
}
</script>
<input id="resetTesting" value="Testing" />
<button type="button" onClick="resetInput();">Testing</button>

http://jsfiddle.net/83NZu/6/

也...正如其他人提到的...它的 onclick ;)

edit

这是不正确的。原始 jsfiddle 的问题既是错字又是 onLoad vs no-wrap (head) fwiw 的设置

【讨论】：

这不是问题。内联事件处理程序与函数的主体相同。 onclick 的值在单击之前不会运行，此时 resetInput 已定义（即使您在未定义的瞬间单击，后续单击也可以）。您的示例有效，因为您纠正了错字属性的真正问题。
你是绝对正确的。谢谢你的课。原始帖子 jsfiddle 的问题在于他们将框架设置为 onLoad ...不知道为什么会破坏 jsfiddle，fwiw

【解决方案4】：

问题是默认选项“onload”和错误拼写onclck：

“onLoad”选项的意思是：包装代码，使其在 onLoad 窗口事件中运行

HTML 代码：

<input id="resetTesting" value="Testing" />
<button id="btn" type="button">Testing</button>

JavaScript 代码：

document.getElementById("btn").onclick = function(){
  document.getElementById("resetTesting").value="I'm reset";
}

http://jsfiddle.net/83NZu/8/

或者选择“no wrap(head)”选项，意思是：不包装JavaScript代码，放在<head>部分

http://jsfiddle.net/83NZu/7/

【讨论】：