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/上的两个版本的演示