web-dev-qa-db-ja.com

フォーム送信の入力フィールドをクリアする

私はこれが新たに絶えず尋ねられることを知っています、そして、私は異なった答えを調べて、異なった解決策を試しましたが、役に立たなかった。場合によっては、コードがどのように編集されたかに応じて、ケースバイケースの場合があります。

送信をクリックすると、ページに2つの入力フィールドがクリアされます（&& Enter-別のスレッドの場合は別のイベントでない限り）、クリックではなく常にEnterを押してください-これはサイトですちょうど私の使用のためのもの。

もちろん、入力タグ、タイプsubmit、および正常に機能しています。しかし、私はすでに特定のonSubmit関数も持っています：

function onSubmitForm(e) {
    e.preventDefault();
    var var1 = document.getElementById("name");
    var var2 = document.getElementById("review");
    arrayOne.Push( {name:var1.value,review:var2.value} );
    localStorage.filmDatabase = JSON.stringify(arrayOne);
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>';
}

1行（右）のコード、おそらくブロックの最後に配置するだけのことだと思いますが、それを理解できませんでした。助けてくれてありがとう！

javascriptformsinput
34
Kizer Yakuza

フォーム要素で使用可能な reset 関数を使用します。

var form = document.getElementById("myForm");
form.reset();
38
thomaux

値を空の文字列に設定するだけで、それらの値をクリアできます。

var1.value = '';
var2.value = '';
35
Rob M.

引き続き空の文字列を使用して、次を使用できます。

document.getElementById("name").value = '';
document.getElementById("review").value = '';
2
megamind

この方法で、あなたは彼のIDでフォームを持ち、彼のすべてのコンテンツを投げます。このテクニックは最速です。

document.forms["id_form"].reset();
1
Damby Green