下拉列表选择的HTML选项标记

Question

创建下拉列表框时，我需要能够存储和检索其他ID。目前我的选项值是 -

<option value="@x.Id" description="@x.Description" selected="selected">@x.PromotionCode</option>

然后我可以使用 -

检索值

    $("#discount-selection").change(function () {
        alert ($(this).val())
    });

我可以使用选项标签中的其他元素以及如何检索它？

Answer 1

您可以使用HTML5数据属性从元素中获取您喜欢的任何内容。

HTML

<option value="@x.Id" data-description="@x.Description" data-index="0" selected="selected">@x.PromotionCode</option>

的JavaScript

$("#discount-selection").change(function ()
{
    var selected = $(this).find(':selected');

    selected.data('description'); // returns @x.Description
    selected.data('index'); // returns 0
});

Live example

Answer 2

您可以使用HTML5中引入的数据 - * 来存储页面或应用程序专用的自定义数据