它使用

<div class="DropDownContainer">
    <select class="DropDown">
        <option id="lblPeriod">Period</option>
        <option id="lblLike">Like</option>
        <option id="lblYear">Year</option>
    </select>
</div>

和

$('.DropDown').on('change', function () {
  var id = $(this).children(":selected").attr("id");
  alert(id);
});

您在选项元素上设置 ID。此外，您必须value在 tne 选项上设置一个属性，才能将其用作可提交表单。

见小提琴：http: //jsfiddle.net/YdXpv/1/

选项元素内部不能有跨度：

将您的 html 更改为：

<select class="DropDown">
    <option id="period">Period</option>
    <option id="like">Like</option>
    <option id="year">Year </option>
</select>


$('.DropDown').on('change', function () {
   var id = $(this).children(":selected").attr("id");
   alert(id);
});

如果多语言是您在 Asp.net 中的问题，您也可以拥有选项元素的资源键，例如：

<asp:DropDownList id="MyDdl" runat="server">
   <asp:ListItem Value="period" Text="period" meta:resourcekey ="period_Item_MyDdl" />
   <asp:ListItem Value="like" Text="like" meta:resourcekey ="like_Item_MyDdl" />
   <asp:ListItem Value="year" Text="year" meta:resourcekey ="year_Item_MyDdl" />
</asp:DropDownList> 

使用以下代码：

 $('.DropDown').on('change', function () {

      var id = $(this).children(":selected").text().find("span").prop("id");
      alert(id);
 });

使用find()和prop()

 var id = $(this).children(":selected").find('span').prop("id");