株式会社アットマーク

MENU

【メモ】Jqueryでselectのselectedを取得

2023.10.15

【メモ】Jqueryでselectのselectedを取得のイメージイラスト

例えば、ウェブサイトでプルダウンを変更した際に、値によって文字の色を変えたい時などに用います。

こんなselectを用意します。

<select id="selectColor">
<option data-color="#000" value="1">黒</option>
<option data-color="#F00" value="2">赤</option>
<option data-color="#00F" value="3">青</option>
</select>


次にJQueryで

$(document).on( 'change', '#selectColor', function(){
    $(this).css( 'color', $(this).find('option:selected').data('color') );
} );


選択しているoptionは、「option:selected」で取得できます。

Categories

お知らせ(1)

田舎で起業(5)

独り言(2)

田舎暮らし(1)

システム開発(9)

お仕事メモ(7)

CSS(1)

MySQL(2)

PHP(1)

JavaScript(3)

Archives