使用Razor和javascript来获得下拉列表元素

Question

我正试图根据下拉列表中所选的元素更改div的文本

这就是我的看法。

<select name="Department"  id="Department" onchange="mychange(this.value);">
@foreach (string s in Model.DepartmentList)
{
    <option value="@s.ToString()">@s.ToString()</option>
}
</select>
will be assign to:
<div id="testjs" > @Model.assignedtoList.ElementAt(1) </div>

在我的java脚本中

    function mychange(value) {
    var dropDown = document.getElementById("Department");
    var indx = dropDown.selectedIndex;
    document.getElementById("testjs").innerText = "@(Model.assignedtoList.ElementAt(indx))";
    alert(dropDown.selectedIndex);
}

错误是在"@（Model.assignedtoList.ElementAt（indx））"处引起的；因为找不到indx变量。我该如何避开它？

Answer 1

JavaScript代码在服务器端代码之后执行。我认为您将无法将indx从javascript传递到服务器端的剃刀代码。

尝试使用Ajax。