c# - mvc 6 中下拉列表的 TagHelpers onchange 事件

Question

我有一个下拉列表，我想将 Jquery onchange 事件绑定(bind)到 TagHelpers 选择标记。下面是我的代码。

 <select asp-for="BusinessType"
         asp-items="@Model.BusinessTypeCollection">
 </select>

如何绑定(bind)标签内联的 onchange 事件。

像这样。

 <select asp-for="BusinessType"
         asp-items="@Model.BusinessTypeCollection"
         onchange ="something">
 </select>

Answer 1

onchange 是您要内联指定时要使用的正确属性。您只需要确保您 (a) 调用它并且 (b) 该函数在全局范围内可用。

例如:

<select asp-for="BusinessType"
        asp-items="Model.BusinessTypeCollection"
        onchange="test()"></select>

@section scripts {
    <script>
        function test() {
            alert('hi');
        }
    </script>
}

话虽这么说，一个更好的方法是通过在 JavaScript 中绑定(bind)事件(我在这里使用 jQuery，正如您在问题中提到的那样)并且仅通过它是 id 属性。

<select asp-for="BusinessType"
        asp-items="Model.BusinessTypeCollection"></select>

@section scripts {
    <script>
        $("#BusinessType").on("change", function () {
            alert("changed!");
        });
    </script>
}