Question

我有一个HTML输入标记，我希望在提交整个表单之前点击按钮时更改它的值。

我正在尝试使用getElementById（idOfInput）.value =“value我想将其设置为”，但这似乎不起作用。

在这里查看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!";
}

谢谢！

Answer 1

你拼错了onclick：

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

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

Answer 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
        })
    })

Answer 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与no-wrap（head）fwiw的设置

Answer 4

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

“onLoad”选项意味着：包装代码使其在onLoad窗口事件中运行

HTML code：

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

使用javascript将输入标记的值设置为另一个值

4 个答案: