DropDownList多个数据

时间:2018-01-23 15:41:43

标签: javascript c# asp.net

我在asp mvc c#

工作

现在在我的acp面板中,我有一个下拉列表:

        @Html.DropDownList("id", new SelectList(ViewBag.DruhyOdznaku, "Id", "Name"), new {@onchange = "functionChange()", @class = "form-control", id = "ddlViewBy"})

我可以从JS访问所选项目的名称值:

    function functionChange() {
        var e = document.getElementById("ddlViewBy");
        var finalData = e.options[e.selectedIndex];
    }

现在问题是我想继续在下拉列表中显示名称但是获取另一个值 - 在本例中为“Text”(来自db)。

如何将这些数据附加到下拉列表中(理想情况下保持其创建方式)然后从js中获取它们?花了一天时间,我的理智很低。

感谢milion的帮助。

1 个答案:

答案 0 :(得分:0)

您可以添加"数据 - "选项属性。看看这个,看看如何SelectListItem with data-attributes

但是,#34;理想地保持它的创造方式"不会持有。

然后你可以这样:

$(document).ready(function(){
$("#sel").change(function(){
var selectedOption = $(this).find("option:selected");
alert(selectedOption.attr("value") + "/" +
      selectedOption.data("text") + "/" +
      selectedOption.html() );
  })
})