ASP.NET Core MVC 2.2中Select元素onChange事件无法触发（JavaScript）

云原生阿岚

2026-5-14

解决Select元素onChange事件未触发JavaScript函数的问题

我来帮你搞定这个问题～你遇到的核心问题是onchange属性里的函数调用写法不对，导致浏览器没法正确触发你的JavaScript函数。

问题原因

你当前的代码里，onchange="cardTypeId_OnChange"只写了函数名，这相当于把函数本身赋值给了onchange事件，但我们需要的是触发函数执行，所以必须加上括号()，告诉浏览器“调用这个函数”。

修正后的完整代码

<select asp-for="CardTypeId" asp-items="..." class="selectpicker form-control" size="1" onchange="cardTypeId_OnChange()">
  <option selected="selected">Item 1</option>
  <option>Item 2</option>
</select>

<script>
function cardTypeId_OnChange() {
  alert('cardTypeId_OnChange');
}
</script>

额外排查点（如果还是没触发）

确保你的<script>标签放在<select>元素之后，或者把函数包裹在DOMContentLoaded事件里，避免DOM还没加载完成、函数还未定义的时候，浏览器就去绑定事件：

document.addEventListener('DOMContentLoaded', function() {
  function cardTypeId_OnChange() {
    alert('cardTypeId_OnChange');
  }
  // 也可以用JS绑定事件的方式，替代HTML属性绑定
  document.querySelector('select[asp-for="CardTypeId"]').addEventListener('change', cardTypeId_OnChange);
});