いくつかの理由からform.reset

せずに入力し、テキストエリアのフィールドをリセットし、私はページ上の<form>タグを持つことはできませんが、私は<input>、<textarea>、および<button>などの<form>の要素を持っています。リセットボタンがあり、ボタンをクリックすると、入力とテキストエリア内のすべてをリセットする必要があります。また、かなりの数の入力ボックスがあります。いくつかの理由からform.reset

さらに、<span>タグに要求された情報を埋め込むPHPスクリプトがあります。このボタンを押すと再び空白にしたいと思っています。

私はそれが何をしたいと思い

HTML

<button id="reset" onclick="resetFields()">Reset Fields</button> 

<input id="myID" type="text"> 

<input id="myID2" type="text"> 

<span id="mySpan">Some text here</span> 
<span id="mySpan2">Some text here</span>

出典

2017-01-12 B Johnson

ビンを作るのは本当に便利です。また、コードに誤字がないと便利です。私は何ができるかを見ていきます。 –

@D.Walsh haha my bad。私はそれを編集した。私はサンプルコードを急いだ。 –

@BJohnson私はいくつかのフィールドをリセットしたい場合、[this]（http://stackoverflow.com/a/8668089/620039）の回答もこの問題を解決すると思います。スパンケースは別々に処理する必要がありますが。 – guleria

以下のいくつかのサンプルコード：

function resetFields(){ 
    var inputArray = document.querySelectorAll('input'); 
    inputArray.forEach(function (input){ 
     input.value = ""; 
    }); 

    var textAreaArray = document.querySelectorAll('textArea'); 
    textAreaArray.forEach(function (textArea){ 
     textArea.innerHTML = ""; 
    }); 

    var spanArray = document.querySelectorAll('span'); 
    spanArray.forEach(function (span){ 
     span.innerHTML = ""; 
    }); 

}

出典

2017-01-12 22:16:44 tfidelis

私はスパンも含めて編集します – tfidelis

それは素晴らしいでしょう。残念ながら、リセットボタンを押すと、すべてのフォーム要素が削除/非表示になります。どんな考え？ –

私はあなたのフォームタグを見なければなりません、なぜ私はjsFiddleでそれを試してみて、うまくいきます。 – tfidelis

http://jsbin.com/gamubageke/edit?html,js,console,output

<script> 
function resetFields() { 
    var x = document.querySelectorAll(".resettable"); 
    x.forEach(el => { 
    el.value=''; 
    el.innerHTML=''; 
    }) 
} 

</script> 

<body> 
<button id="reset" onclick="resetFields()">Reset Fields</button> 

<input id="myID" type="text" class="resettable"> 

<input id="myID2" type="text" class="resettable"> 

<span id="mySpan" class="resettable">Some text here</span> 
<span id="mySpan2" class="resettable">Some text here</span> 
</body>

出典

2017-01-12 22:20:58

あなたはjqueryのを使用している場合

$("input[type='text'],textarea").val(''); 
$("#mySpan,#mySpan2").text('');

出典

2017-01-12 22:30:07 Piyush

いくつかの理由からform.reset

答えて

関連する問題