下拉框选择事件需求：无论值是否变更，选中即触发f1()方法

默认情况下，<select>的change事件只有在选中的值发生改变时才会触发，这就是你重复选option2时f1()不会执行的核心原因。要实现每次选中某个选项（不管值是否变化）都执行f1()，可以试试下面几种实用方案：

方案1：监听选项点击事件（适配鼠标操作） #

利用事件委托给所有<option>绑定点击事件，不管选项是不是当前选中的，只要点击就触发目标函数：

const mySelect = document.getElementById('your-select-id');

mySelect.addEventListener('click', function(e) {
  // 确保触发源是下拉选项
  if (e.target.tagName === 'OPTION') {
    f1();
    // 可选：手动同步选中值（浏览器通常会自动处理，这步是为了极端场景下的一致性）
    this.value = e.target.value;
  }
});

方案2：兼容键盘操作的完整方案 #

如果用户习惯用键盘（上下箭头+回车/空格）选中选项，点击事件不会触发，需要额外监听键盘确认动作：

const mySelect = document.getElementById('your-select-id');

// 处理鼠标点击选项的场景
mySelect.addEventListener('click', function(e) {
  if (e.target.tagName === 'OPTION') {
    f1();
  }
});

// 处理键盘选中（回车或空格确认选择）的场景
mySelect.addEventListener('keyup', function(e) {
  if (e.key === 'Enter' || e.key === ' ') {
    f1();
  }
});

方案3：jQuery简化写法（如果用jQuery开发） #

要是你的项目用了jQuery，可以更简洁地实现需求：

$('#your-select-id').on('click', 'option', function() {
  f1();
});

// 补充键盘操作支持
$('#your-select-id').on('keyup', function(e) {
  if (e.key === 'Enter' || e.key === ' ') {
    f1();
  }
});

核心思路就是：跳出change事件的限制，转而监听选中动作本身对应的事件（点击选项、键盘确认选中），这样不管值有没有变化，只要用户完成选中操作，就能触发你的函数。

内容的提问来源于stack exchange，提问作者sumit sood