对特定的下拉选择调用函数

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

<script>
  document.getElementById('mySelect').addEventListener('change', function() {
    console.log('Selected value:', this.value);
    // 在这里调用其他函数或执行相关操作
  });
</script>

<select id="mySelect">
  <option value="page1">Page 1</option>
  <option value="page2">Page 2</option>
</select>
<div id="content"></div>

<script>
  document.getElementById('mySelect').addEventListener('change', function() {
    var selectedValue = this.value;
    document.getElementById('content').innerHTML = 'You selected: ' + selectedValue;
    // 根据需要加载不同的页面内容或执行其他操作
  });
</script>

var selectedValue = this.value.trim(); // 去除前后空格
if (selectedValue === '') {
  alert('Please select a valid option.');
  return;
}
// 继续处理有效的选择值