JavaScriptでのリスト項目の選択
これまでのレッスンでは、
selectタグにアクセスし、選択された
リスト項目を取得または変更してきました。これは実は必須ではありません。
なぜなら、任意の
optionタグに直接プロパティ selected
を値 trueに設定することができるからです。
例えば、番号2のリスト項目を選択状態にしてみましょう:
let select = document.querySelector('#select');
let option = select[2];
option.selected = true;
ドロップダウンリストとボタンがあります。ボタンが クリックされたら、リストの最後の項目を 選択状態にしてください。