JavaScriptでのドロップダウンリスト項目の配列
セレクトボックスを扱う際には次の特徴があります:
セレクトボックスへの参照を格納する変数は、
その要素が option タグである配列です。これは、
この変数をループで反復処理できることを意味します:
let select = document.querySelector('#select');
for (let option of select) {
console.log(option);
}
あるいは、単に必要な番号の項目にアクセスすることもできます:
let select = document.querySelector('#select');
console.log(select[0]);
ループを使用してリストのすべての項目を反復処理し、
各項目のテキストの末尾にその value 属性の値を追加してください。