2

我有一个 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!";
}

谢谢！

4

4 回答 4

6

你拼错了onclick：

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

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

于 2013-02-21T04:27:48.093 回答
0

当您的 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 的设置

于 2013-02-21T04:37:45.840 回答
0

这是 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
        })
    })
于 2013-02-21T04:30:17.873 回答
0

问题是默认选项“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>section

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

于 2013-02-21T05:49:45.117 回答