用于下拉选择的HTML选项标签

Question

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

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

然后我可以使用-检索值

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

我可以使用option标记中的其他什么元素，以及如何检索它？

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
});

现场例子 。

Answer 2

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