jquery - 尝试在 Html.DropDownFor 帮助程序中从 'onchange' 触发 JQuery

Question

我想做的是，当用户从下拉列表“a”中选择不同的选项时，设置下拉列表“b”中从下拉列表“a”中选择的值。

我在 MVC 项目中使用 html 帮助器“DropDownFor”作为下拉列表“a”:

<%=Html.DropDownListFor(r => r.FrequencyId, frequencyItems, new {  onchange ="ddMonthChange" })%>

我希望“onchange”事件调用此 JQuery 代码:

$(document).ready(function ddMonthChange () {
var frequency = document.getElementById("FrequencyId").options[document.getElementById("FrequencyId").selectedIndex].value;
alert("frequency is " + frequency);

});

我在与下拉列表“a”相同的 View 中有一个标签，如下所示:

<script type="text/javascript" src="../../Scripts/jquery.setMonthly.js"></script>

所以，显然这是错误的。该脚本确实运行，但仅在加载 View (弹出警报)时运行，并且当我从下拉列表“a”中选择不同的项目时不执行任何操作。

如何连接它，以便在选择不同的项目时触发我的脚本？

提前致谢，

Answer 1

改一下

$(document).on("change","select[name=FrequencyId]",function(){
     alert("frequency is " + $(this).val());
});