Javascript 如何从单独的Jscript文件访问Html.Dropdownlist

有没有办法从单独的Javascript文件访问Html.DropdownList？ 请容忍我，因为我还是个学生，还没有多少经验。目前我正在学习Asp.NETMVC，只能找到一种将字符串传递给脚本的方法。 这就是我试图从视图中移到另一个文件中的ajax

    $(document).ready(function () {
        $("[name=team1],[name=team2]").change(function () {
            $.ajax({
               type: "GET",
               url: '@Url.Action("UpdatePotgPartial", "Teams")',
                data: { team1: $("#team1").val(), team2: $("#team2").val() }
            })
            .done(function (partialViewReturned) {
            $("#potgPartial").html(partialViewReturned)
            })
            .fail(function () {
            alert("Failed");
            });
         });
     });

在我看来，有两个下拉列表，team1和team2，我需要将它们传递给我的脚本

以下是我目前必须访问脚本的内容

<script type="text/javascript" src="~/Scripts/UpdateDropDown.js"></script>

---

感谢您提前提出建议。

所有这些代码也应在单独的js文件中工作，但此行除外：

url: '@Url.Action("UpdatePotgPartial", "Teams")',

在视图的Javascript部分设置一个变量

var updateUrl = '@Url.Action("UpdatePotgPartial", "Teams")';

在js文件的代码中使用该变量

url: updateUrl,

---

非常感谢。我没有想到您不能在外部javascript文件中使用razor。