JavaScript - ドロップダウンの情報を取得する

ドロップダウンの情報の取得

/* HTML側 */
<select id="selectGroup">
  <option value="A" selected/> A
  <option value="B"/> B
  <option value="C"/> C
</select>

/* JavaScript 側 */
var selectGroup = document.getElementById("selectGroup");

console.log(selectGroup.value); // A
ドロップダウンの情報の取得

ドロップダウンの変更の検知

/* HTML側 */
<select id="selectGroup">
  <option value="A" selected/> A
  <option value="B"/> B
  <option value="C"/> C
</select>

/* JavaScript 側 */
var selectGroup = document.getElementById("selectGroup");

// 状態が変化したときにイベントが発生
selectGroup.addEventListener('change', (event) => {
  // 処理内容
});
ドロップダウンの変更の検知

関連記事