jQueryにおけるattr()とprop() - selectedIndexの場合 -

セレクトボタンで一度セレクトされたものを解除(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の件は以上で、解決。

Javascript/jQuery | | トラックバック(0) |
Share |

トラックバック(0)

トラックバックURL: http://www.spiral-records.com/mt/mt-tb.cgi/1318

Facebookコメントプラグイン

月別

>
Powered by Movable Type 4.261

Tumblr : log long long time ago