2

HTML 入力タグがあり、フォーム全体を送信する前に、ボタンをクリックしたときにその値を変更したいと考えています。

getElementById(idOfInput).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!";
}

ありがとう!

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

または、「ラップなし (ヘッド)」オプションを選択します。これは、JavaScript コードをラップせず、<head>セクションに配置することを意味します。

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

于 2013-02-21T05:49:45.117 に答える