javascript - 仅在页面加载时调用更改功能

Question

我有这个下拉菜单

   Sort by: @Html.DropDownListFor(model => model.SortBy, Model.LotSortings, "Relevance", new { @class = "form-control", @id="sort_ddl" })

每当我将选择从一个选项更改为另一个选项时，我想调用一个 get 操作方法(不是 Ajax 方法)。

我也很想展示我如何解决这个问题，但作为实现这个目标的第一步，我在页面顶部创建了这个脚本

<script>
    $('#sort_ddl').change(function () { alert('hi'); })
</script>

这确实会被调用，但仅在页面加载时调用，此时它不会发出警报。它永远不会在选择更改时被调用。

我该如何解决这个问题？

Answer 1

在 document.ready 函数中添加您的方法。当 DOM 准备就绪时，它会将更改 事件 附加到元素。

<script>
    $(document).ready(function () {
        $('#sort_ddl').change(function () {
            alert('hi');
        })
    });
</script>