セレクトボックスの選択されている内容を調べる selectbox

<button>ボタン</button>
<form action="" name="formName">
<select name="selectName" multiple id="">
<option value="red" selected>RED</option>
<option value="green" selected>GREEN</option>
<option value="blue">BLUE</option>
</select>
</form>

const btn = document.querySelector("button");
const selected = document.forms.formName.selectName;

btn.addEventListener("click", (e) => {
  for (let i = 0; i < selected.length; i++) {
    if (selected[i].selected) {
      console.log(selected[i].value);
    }
  }
});

multiple属性の設定がある場合はループを使って調べる