Question

我使用ASP.NET HTML帮助程序生成HTML下拉列表。所以基本上我有以下代码：

＆＃13;

 @Html.DropDownListFor(model => model.DropDownListName, new List<SelectListItem> {
           new SelectListItem{Text="Option 1", Value="1",Selected=true},
           new SelectListItem{Text="Option 2", Value="2", Selected = false},
           new SelectListItem{Text="Option 3", Value="3", Selected = false}},
           new { @class = "myClass" });

＆＃13;

Helper会生成带有相应选项的HTML下拉列表，问题是我想添加＆＃34;选择＆＃34;属性为与下拉列表中选定值对应的HTML标记，但不会生成此标记。

实际上我的最终目标是有一种方法可以在我的JavaScript中获取所选的选项，这是我在使用HTML帮助程序之前使用的代码：

＆＃13;

var _selectedObjectId = parseInt($('#selectObject :selected').attr("id"));

＆＃13;

Answer 1

// To get the selected item in jQuery / Javascript:
var selected = parseInt( $("#DropDownListName").val() );

// To get the selected <option> HTML element:
var selectedOption = $("#DropDownListName option:selected");

// To get custom attributes other than the **value** (as in <option value="1"></option> then:
var id = selectedOption.attr("id");

// The story goes

使用HTML Helper DropDownListFor添加所选标记

1 个答案: