MVC3：通过Javascript获取下拉菜单中的选定值/文本

在MVC3上，下拉列表定义为

@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"))

如何通过javascript获取所选值和/或文本

我试着传递一个名字：

  @Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"), new {name="name")

并从javascript读取名称： document.getElementByName（“名称”）

但是这不起作用。

如果您使用的是jQuery（很可能是MVC项目）：

当然，如果需要，您可以将其合并为一行

如果您没有使用jQuery，请参阅

手动ID:

@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"), new {id = "ddl1"})

var value = $("#ddl1").val();

---

我的视图上有几个下拉菜单。在脚本中如何区分它们？应该使用ID来区分。通常您可以从

Html.IdFor（）

自动获取此信息，但也可以手动添加ID。我将添加一个示例。非常感谢。成功了。为了获得所选的值，我做了var value=$（“#ddl1选项：selected”）.val（）；仅var value=$（“#ddl1”）.val（）将获取当前选定的项。无需添加选项：选中。

var id = '@Html.IdFor( o => o.model )';
var dropdown = document.getElementById( id );
var value = dropdown.options[dropdown.selectedIndex].value;

@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"), new {id = "ddl1"})

var value = $("#ddl1").val();