javascriptでフォームから複数のtextの値を取得
複数のフォームがあることを想定して(heading_1, heading_2, heading_3.....)それぞれのインプットの値を取得、HTMLに表示したいのですが、なぜか取得できません。
個別にheading_1とフォームnameを入力すると問題無く取得できるのですが、thisFormNameを使用するとうまく行かなくなってしまいます。
また、出力はフォームと同じ様に
<h4>
タグで出力<p>
タグで出力という形で結合してinnerHTML
で出力までを想定しております。
function saveField(obj) {
var thisFormName = obj.parentNode.name;
var textboxValue = document.thisFormName.headingTitle.value;
var textareaValue = document.thisFormName.content.value;
alert(textboxValue);
alert(textareaValue);
}
<form id="freeText_1" name="heading_1">
<h4>見出しを入力</h4>
<input type="text" id="headingTitle1" name="headingTitle">
<h5>自由文を入力</h5>
<textarea id="content_1" rows="5" cols="80" name="content"></textarea>
<button onclick="saveField(this);">確定</button>
</form>
何でも構いませんのでご指摘を頂ければと思いますので宜しくお願いいたします。