jQuery - 选择标记 - 所选元素的get属性

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

您可以使用:selected过滤器。

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

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

Answer 2

使用jQuery

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

使用javascript

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

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

的两个版本的

演示

Answer 3

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

要查找所选选项，您可以使用$('#menu option[selected=true]')或类似内容。