プルダウン選択時、既に入力済みのデータをクリアにしたい

お世話になります。javascriptでの投稿ですが、カテゴリが適切でなかったらお許しください。

早速ですが、質問させてください。
タイトルにあります通り、入力フォームにおいて、プルダウンを選択した際、既に入力済みの指定したフォームのみデータをクリア（ラジオボタンやテキストエリアなど）したいと思うのですが、適切な検索キーワードじゃないためか、欲している情報にたどり着けません。

恐れ入りますが、アドバイスのほど頂戴出来れば幸いです。
よろしくお願いいたします。

No.1 回答者： Ogre7077 回答日時： 2016/11/28 10:30

選択した際

document.getElementById("プルダウンのid").addEventListener('change',function(ev){ /* 操作 */ },false);

操作を簡単にやるなら
document.forms["既に入力済みの指定したフォームのname"].reset();

操作を細かくやるなら
var es = document.forms["既に入力済みの指定したフォームのname"].elements;
es["ラジオボタンのname"].value = "クリア時の値";
es["テキストエリアのname"].value = "クリア時の値";
// 以下省略

参考
https://developer.mozilla.org/ja/docs/Web/API/HT …
https://developer.mozilla.org/ja/docs/Web/API/HT …
https://developer.mozilla.org/ja/docs/Web/API/Ra …

No.2 回答者： yambejp 回答日時： 2016/11/28 10:33

同じフォーム内の値を初期化(reset)ではなく消すということでよいですね？

<script>
function myfunc(f){
for(var i=0;i<f.length;i++){
if((f[i].tagName=="INPUT" && f[i].type=="text") || f[i].tagName=="TEXTAREA"){f[i].value="";}
if(f[i].tagName=="INPUT" && (f[i].type=="radio" || f[i].type=="checkbox" ) && f[i].checked){f[i].checked=false;}
}
}
</script>
<form>
<select name="x" onchange="myfunc(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select><br>
<input type="text" name="a" value="1"><br>
<input type="text" name="b" value="2"><br>
<input type="text" name="c" value="3"><br>
<input type="radio" name="d" value="1"><br>
<input type="radio" name="d" value="2"><br>
<input type="radio" name="d" value="3" checked><br>
<input type="checkbox" name="e" value="1" checked><br>
<textarea name="f">test</textarea>
</form>