ハッピーメモメモ

私的備忘録

【JavaScript】フォームのイベント

〇onchangeイベント

 フォームに入力された内容が変わったときに発生

<body>
    <form id="form">
        <select name="select">
            <option value="1">日本語</option>
            <option value="2">English</option>
            <option value="3">中文</option>
        </select>
    </form>
</body>
 
<script>
  document.getElementById('form').select.onchange = function(){
      処理 ;
  }
</script>

 参考:javascript onchangeでフォームの変更イベントを取得する | mebee

 

〇document.querySelector()メソッド

 JavaScriptで要素を取得するのに、CSSセレクタが使える

 document.querySelector('CSS'セレクタ')