jQueryで選択されているセレクトボックスの属性の値の取り方

選択されているセレクトボックスからdata属性の値を取得しようとしたら、
調べないとわからなかった。。。

sampleSelecbox.html

<select id="selectBox">
    <option data-type="A">1</option>
    <option data-type="A">2</option>
    <option data-type="B">3</option>
    <option data-type="B">4</option>
    <option data-type="C">5</option>
</select>

上記のような、セレクトボックスがあった状態で、
valueを取るのはよく行うのでお馴染みのアレでさっと書ける。

getValueBySelected.js

$("#selectBox").val();

valueを取るだけなら上ので一発。
ただ、選択されているセレクトボックスのdata-typeの値を取得するのにはちょっと工夫が必要。

getAttrBySelected.js

$("#selectBox option:selected").data("type");

とは言っても、上記のように書くだけで取得可能。