一般的な方法は、
<select onchange="myFunction()">
<option value="option1">オプション1</option>
<option value="option2">オプション2</option>
<option value="option3">オプション3</option>
</select>
<script>
function myFunction() {
var selectedOption = document.querySelector('select').value;
console.log('選択されたオプション: ' + selectedOption);
}
</script>
上記の例では、
もしくは、JavaScriptを使用してイベントリスナーを追加することもできます。以下に例を示します。
<select id="mySelect">
<option value="option1">オプション1</option>
<option value="option2">オプション2</option>
<option value="option3">オプション3</option>
</select>
<script>
document.getElementById('mySelect').addEventListener('change', function() {
var selectedOption = this.value;
console.log('選択されたオプション: ' + selectedOption);
});
</script>
上記の例では、addEventListener()メソッドを使用してchangeイベントのリスナーを追加しています。リスナー内で、選択されたオプションの値を取得しています。
これらの方法を使用すると、