JavaScriptのドロップダウンリストにおけるvalue属性
一般的に、リスト項目には
value属性が追加されます。この場合、セレクトのvalueプロパティは、
optionのテキストではなく、そのvalue属性の値を含むことになります。
セレクトを修正してみましょう:
<select id="select">
<option value="1">one</option>
<option value="2" selected>two</option>
<option value="3">three</option>
</select>
選択された値が何になったか確認しましょう:
select.addEventListener('change', function(){
console.log(this.value);
});
曜日の名前を持つドロップダウンリストを作成してください。
リスト項目のvalue属性には、1から7までの曜日の番号を追加してください。
リスト変更時に、選択された日が週末か平日かを示すメッセージを画面に出力してください。
