ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

【jQuery】selectされたoptionの属性にアクセスしたい

スポンサードリンク

selectoptiondata-urlとか属性をもたせた時、selectされたoptionの属性を引っ張ってきたい。

普通に思いつくのはこれ

$(selector.selectbox).val(); // select boxのoptionのvalueが取得できる。

でも他の属性は・・・?

思いついたのはこれ。

$(selector.selectbox).data('url'); // これだとselect タグの`data-url`属性を取得しようとする

あれー?じゃあどうすれば。

こうすればイケル

var url = $(selector.selectbox + ' option:selected').data('url');
var v = $(selector.selectbox + ' option:selected').val(); // $(selector.seletbox).val(); これでもおk。

セレクターより続けてoption:selectedなんてstringを記述すればおkです。