Question

我需要一些帮助才能使用JavaScript获取Dropdown的选定索引。

这是我的Javascript代码：

<script type="text/javascript">

$(function () {
    $("#test").change(function () {
        var index = document.getElementById('test').selectedIndex;
        alert(index);
    });

});

这就是下拉：

<div class="editor-field" id="test">
                            @Html.DropDownListFor(x => x.TestID, new SelectList(Model.Tests, "TestID", "TestName"))
                            @Html.ValidationMessageFor(model => model.TestID)
                        </div>

我总是得到＆＃34;未定义＆＃34;更改下拉菜单时。有没有人想要解决这个问题？

Answer 1

当调用事件的处理程序时，jQuery将this设置为目标元素。然后，您可以使用它来获取目标元素中selected option的索引。

$("select", "#test").change(function () {
    var index = $("option:selected", $(this)).index()
    alert(index);
});

从@ Html.DropDownListFor获取selectedIndex

1 个答案: