[JavaScript General] form の要素を取得する

公開日: 2016/08/24
更新日: 2019/01/11

element.name を利用する。

下記のような HTML の場合、

<form>
  <p>
    <label>Site:</label>
    <br />
    <input name='name' type='text'>
  </p>
  <p>
    <label>URL:</label>
    <br />
    <input name='url' type='text'>
  </p>
  <p>
    <input id='submit' type='button' value='Submit!'>
  </p>
</form>
<div id='list'></div>

fm = this.form であるとして、name='url' の value が取得できる。

  let anchor = document.createElement('a');
  anchor.href = fm.url.value; // get <input name='url' type='text'>

See the Pen JavaScript create new Node by DriftwoodJP (@DriftwoodJP) on CodePen.