読者です 読者をやめる 読者になる 読者になる

ITの隊長のブログ

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。CakePHPとPlayFrameworkを使って仕事しています。最近はAngular2をさわりはじめたお(^ω^ = ^ω^)

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

JavaScript jQuery

スポンサードリンク

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です。