JavaScriptでのドロップダウンリスト項目の操作
変数内にoptionタグへの参照があるとします。
例えば、以下のように取得された場合:
let select = document.querySelector('#select');
let option = select[0];
この場合、textプロパティにはオプションのテキストが、
valueプロパティには同じ名前の属性の値が、
そしてselectedプロパティには、リスト項目が選択されているかどうかに応じて
trueまたはfalseの値が格納されます:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
ループを使用してリスト項目を反復処理し、 選択された項目のテキスト末尾には感嘆符を、 選択されていない項目には疑問符を追加してください。