「JavaScript」document.forms[index]でフォームの情報を取得するサンプル

2014年2月1日2020年11月6日

構文
document.forms[index].elements[index];
1.フォーム情報の取得

<form id="cftA">
  <input type="button" onclick="alert(document.forms[0].userId);" value="cftA's form" />
</form>

<form id="cftB">
  <input type="button" onclick="alert(document.forms[1].userId);" value="cftB's form" />
</form>

<form id="cftC">
  <input type="button" onclick="alert(document.forms[2].userId);" value="cftC's form" />
</form>

2.フォーム内要素の取得

構文
var selectForm = document.forms[index];
var selectFormElement = document.forms[index].elements[index];

使用例1
var sizeVal = document.forms[0].element['itemA’].files[0].size;