select 选中事件 js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Select Event Example</title>
<script> function handleSelectChange(event) {
// 获取选中的值
var selectedValue = event.target.value;
alert('You selected: ' + selectedValue);
// 根据选择执行不同的操作
switch(selectedValue) {
case 'option1':
document.getElementById('result').innerText = 'Option 1 was chosen.';
break;
case 'option2':
document.getElementById('result').innerText = 'Option 2 was chosen.';
break;
default:
document.getElementById('result').innerText = '';
} } </script>
</head>
<body>
<select id="mySelect" onchange="handleSelectChange(event)">
<option value="">Please select an option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>
<div id="result">
</div>
</body>
</html>
