jQuery，从选择框中选择的项目的类

Question

我有以下html：

<div class="form-group select optional reservation_reception_location">
 <select class="select optional form-control" id="reservation_reception_location_id" name="reservation[reception_location_id]">
   <option value=""></option>
   <option class="Office" value="1">Oddział Częstochowa</option>
   <option class="Airport" value="2">dasdasd</option>
 </select>
</div>

现在我的目标是了解所选元素的类别。因此，当我选择第一个时，我会将其类分配给我的 coffescript 文件中的值。我尝试过这样的事情：

$('#reservation_reception_location_id').attr('class')

但这仅显示主要的 div 类。 如果有人可以帮助我，我将不胜感激。

Answer 1

$('#reservation_reception_location_id').change(function(){
  var selectedClass=$(this).find("option:selected").attr("class");
});

Answer 2

您可以使用 :selected 选择器来获取选中的选项：

$('#reservation_reception_location_id option:selected').attr('class')

如果您想在您的select 已更改时获得选定的选项，请使用 .change() 事件：

$('#reservation_reception_location_id').change(function() {
    var cls = $(this).find('option:selected').attr('class');
    console.log(cls);    
});

Fiddle Demo