###前提・実現したいこと
ページが表示された時点でセレクトボックスに何らかの要素が選択されていればクラス付与、空ならクラス除去をしたい。
###発生している問題・エラーメッセージ
下記のコードですと、クリックして選択した時点で発火しますが、ページが表示された時点で発火させたい。
###該当のソースコード
これだと動きますが、selectedですでに選択済みのoption要素に対して、ページ表示と同時に発火してくれません。
html
1<select data-target="#hoge"> 2 <option value="" selected="selected">1</option> 3 <option value="">2</option> 4 <option value="">3</option> 5</select>
javascript
1$(function () { 2 $('select[data-target^="#hoge"]').on("change", function () { 3 var flag = ($(this).select) ? 'addClass' : 'removeClass'; 4 $($(this).attr('data-target'))[flag]('selected'); 5 }); 6});
###試したこと
これだと動かないです…
javascript
1$(function () { 2 $('select[data-target^="#hoge"]').on("load", function () { 3 var flag = ($(this).select) ? 'addClass' : 'removeClass'; 4 $($(this).attr('data-target'))[flag]('selected'); 5 }); 6});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/03 06:55 編集
2016/10/03 08:32