3

ユーザーが [リセット] ボタンをクリックしたときに、テキスト フィールドをデフォルト値に戻そうとしています。

ユーザーが [リセット] ボタンをクリックしたときに行うことは、ユーザーのテキストを '' に置き換えることだけです。

純粋な JavaScript (jQuery なし) を使用してそれを行うにはどうすればよいですか?

HTML:

<p>Type the first number</p>
<input id="first" type="text" placeholder="First Number" />
<p>Type the second number</p>
<input id="second" type="text" placeholder="Second Number" />
<button id="aButton">Apply</button>
<button id="rButton">Reset</button>
<div id="add"></div>

ジャバスクリプト:

app.onactivated = function (args) {
        var aButton = document.getElementById("aButton");
        aButton.addEventListener("click", buttonClickHandler, false);

        var rButton = document.getElementById("rButton");
        rButton.addEventListener("click", buttonResetHandler, false);

    };

...

function buttonResetHandler(evetInfo) {

        document.getElementById("first").innerText = '';
        document.getElementById("second").innerText = '';

    }
4

4 に答える 4

9

innerTextIE ブラウザーに実装されている無効なプロパティであり、非フォーム要素のテキスト コンテンツの設定/取得に使用されます。値をデフォルトとして設定する必要がある場合は、次のdefaultValueプロパティを使用できます。

var a = document.getElementById("first"),
    b = document.getElementById("second");
a.value = a.defaultValue;
b.value = b.defaultValue;

すべてのフォーム要素をリセットしたい場合は.reset()、DOMHTMLFormElementオブジェクトのメソッドを使用できます。

document.forms["myForm"].reset();
于 2013-05-26T23:27:37.773 に答える
0

交換、

document.getElementById("first").innerText

と、

document.getElementById("first").value

例：

<input id="txtBox" type="text" value="lama">
<input type="button" value="reset lama" onclick='document.getElementById("txtBox").value="lama2";'>
于 2013-05-26T23:22:04.653 に答える