現在選択されているSELECTのパラメータを取得する方法は？

Question

<select id="sel"> 
    <option value="1" test="aaa">dsfsdf</option> 
    <option value="2" test="bbb">ssssss</option> 
    <option value="3" test="ccc">dggggg</option> 
</select> 

<span id="check">check</span> 

$("#check").click(function(){ 

console.log($("#sel option").attr("selected", true).attr('test')); 
}) 

LIVE：http://jsfiddle.net/rhqbG/

さて、これは私にいつも "AAA" を示しています。どうすれば作れますか？

Answer 1

あなただけに注目することが

console.log($("#sel option:selected").attr('test')); 

http://jsfiddle.net/gYpYV/

Answer 2

document.getElementById('sel').value; 

トリックを行う必要があります。

EDIT

var sel = document.getElementById('sel'); 
var opt = sel.options[sel.selectedIndex]; 
// now get attributes of opt, such as: 
console.log(opt.getAttribute("test")); 

Answer 3

にそれを書き換えることができ、それが要素上の非準拠のカスタム属性を含めることが悪い習慣です。 HTML 5を使用している場合は、 "data-"カスタム属性を使用できますが、それ以外の場合は、要素に関連付けられた値のJavaScriptハッシュを維持することをお勧めします。