js select触发事件

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<script>
document.getElementById('mySelect').addEventListener('change', function() {
  alert('You selected: ' + this.value);
});
</script>

<select id="mySelect" onfocus="showHint()" onblur="hideHint()">
  <!-- options here -->
</select>

<script>
function showHint() {
  console.log('Select is focused!');
}

function hideHint() {
  console.log('Select lost focus!');
}
</script>

<select id="mySelect" onclick="handleClick()">
  <!-- options here -->
</select>

<script>
function handleClick() {
  console.log('Select was clicked!');
}
</script>

<select id="mySelect">
  <!-- options here -->
</select>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$('#mySelect').on('change', function() {
  alert('You selected: ' + $(this).val());
});
</script>