MVC Dropdownlist OnChange事件的Javascript代码

Question

我在捕获MVC项目中Dropdownlist的更改事件时遇到问题。我的目标是使用第一个下拉列表来填充第二个下拉列表。第一步是抓住变化事件，尽管有两天永无止境的试验，但我似乎无法做到这一点。以下是我尝试过的几种方法。

这是包含下拉列表的表单。第二个下拉列表是部分视图。

<form id="TheForm" method="get">
<p>
    @Html.DropDownList("scanners", (SelectList)ViewBag.scanners, "---Select A Scanner---")
</p>

<div id="results">
    @{Html.RenderAction("ProtocolDDL", "CTProtocols");}
</div>

这是我的javascript代码试用版。

<script type="text/javascript">
$(function () {
    $("#scanners").change(function () {
        $("#TheForm").submit();
    });
});
</script>

这是试用版2。

<script type="text/javascript">
    $(function () {
        $("#scanners").change(function () {
            var selection = $("#scanners").val(); //get the selection made in the dropdownlist
            $('#results').load("/CTProtocols/ProtocolReview/" + selection); //return value of the url /locations/sites which is the action method to invoke.
        })
    });
</script>

我尝试了很多其他的迭代，但没有一个有效。