jQuery - 选择标签 - 获取所选元素的属性

Question

有没有办法从'select'标签的选定选项获取属性 - 比如'rel' - 即？

<select name="menu" id="menu"> 
    <option value="1" rel="123">Option 1</option> 
    <option value="2" rel="124">Option 2</option> 
</select> 

任何想法？

Answer 1

的JavaScript

var sel = document.getElementById('menu'); 
var option = sel.options[sel.selectedIndex]; 
var rel = option.getAttribute('rel'); 

演示具有两个版本，您可以只使用:selected过滤器。

这里有一个小提琴：http://jsfiddle.net/jomanlk/ECAea/

$('#menu').change(function(){ 
    alert($(this).find('option:selected').attr('rel')); 
}); 

Answer 2

您可以使用.attr("attributeName")来获取属性的值。见.attr()。

要查找选定的选项，您可以使用$('#menu option[selected=true]')或其他类似设备。

Answer 3

与jQuery

$('#menu option:selected').attr('rel'); 

与http://jsfiddle.net/gaby/WLFmv/