jQueryMobileの「flipswitch」の初期選択の方法

Question

オプションを選択すると、on・offのクッキーをセットされるようにしています。

javascriptでcookieがONの場合に、
初期状態で<option value="on">On</option>が選択されている状態にし、
cookieがOFFの場合は、
初期状態で<option value="off">Off</option>が選択されている状態にしたいのですが、
どなたか方法をご存知の方おられないでしょうか？

<form> <select id="flip1" data-role="flipswitch"> <option value="off">Off</option> <option value="on">On</option> </select> </form>

Answer 1

option要素のselected属性で設定できると思います。

動的に変更するには以下のようにするとできそうです。

$("#flip1").val("on").flipswitch("refresh");
$("#flip1").val("off").flipswitch("refresh");

Answer 2

TaMaMhyuさん、ありがとうございます。

ただ下記のようにすると、イベント動作に関係なく、ページを表示するたびに「flip」してしまうのですが、
これは、私の書き方に問題があるのでしょうか？

$("#flip1").val("on").prop("selected","selected");
$("#flip1").val("on").flipswitch("refresh");

Comments

[TaMaMhyu]

具体的にどうされたいのかわからないのですが、
$("#flip1").val("on").flipswitch("refresh");
が実行されるとその瞬間に
<option value="on">
がselectedの状態になると思います。
ページ表示のタイミングで実行すれば当然そうなります。

ちなみに、
.prop("selected","selected")
の実行は不要だと思います。
そもそもselect要素が選択されていて、そこにselected属性はないので不正な処理だと思います。

[chicharito]

$("#flip1").val("on").flipswitch("refresh");のみでよかったのですね。
思い込みで勘違いしておりました。

TaMaMhyuさん、重ね重ね本日はありがとうございました。