セレクトボタンで一度セレクトされたものを解除(selected)の状態に戻したい!な時の話。
下記例で、最初は「そないいわんでも」。
クリックして「ほんにまあ」をセレクト。
もう一度セレクトボタンを触らずに、別のボタンか何かでselectedの「そないいわんでも」に変更したい、みたいなことです。
<select>
<option selected="selected">そないいわんでも</option>
<option>ほんにまあ</option>
</select>
selectedIndexがセレクトされているoptionを数値で持っていて、、このselectIndexを
0(0からカウントされている値なので)
にすれば戻る。
で、普通にぽわんと考えると
$('select') .attr('selectedIndex', 0);
とattr()でselectedIndexの値を「0」にしようとした。
でもjQueryはattr()色々と難しいようで動かない。
http://ginpen.com/2011/05/20/jquery-1-6-1/この記事が詳しい。
で、上記記事を参照し、selectedIndexはprop()でないとダメらしく
$('select') .prop('selectedIndex', 0);
で動く。
jQueryのバージョンで挙動が色々あるらしく、動かなかったらもう色々試すしかないね。。。
サンプルはこちら:jQueryにおけるattr()とprop() - selectedIndexの場合 - サンプルページ
とりあえずselectedIndexの件は以上で、解決。
