C＃Razor下拉列表onchange selectedIndex undefined

Question

我定义了以下下拉列表

@Html.DropDownList("shareId", new SelectList(
                              ViewBag.shareUsernames,
                              "value", "text"), 
                              new { htmlAttributes = new { @class = "form-control" }}))

以及以下用于回调的jQuery脚本

<script type="text/javascript">
    $("#shareId").change(function () {
        var myIndex = $("#shareId").selectedIndex
        var selValue = $("#shareId").options[myIndex].value
        $("#response").text = selValue
    });
</script>

我更改下拉列表值并捕获myIndex赋值中的未定义错误。当我使用chrome调试器时，我看到$("#shareId").selectedIndex是1.

那为什么它不能分配给myIndex？为什么myIndex未定义？

Answer 1

你正在混淆javascript和jQuery。使用this.value，如下所示。

$("#shareId").change(function () {
    $("#response").val(this.value)
});