javascript - JQuery Mobileの選択メニューでデフォルトの選択を設定しますか？

Question

JQuerymobileの選択メニューでデフォルトの選択を設定しようとしています。ドキュメントにはこれがあります：

   var myselect = $("select#foo");
   myselect[0].selectedIndex = 3;
   myselect.selectmenu("refresh");

メニューを作成する場所のすぐ下に追加しましたが、コードを実行すると次のエラーが発生します。

初期化の前に"+name+"でメソッドを呼び出せません;"+"メソッドを呼び出そうとしました'"+オプション+"'";

この時点で何をすべきかわからない...

Answer 1

まだロードされていない JavaScript で DOM オブジェクトを操作しようとしています。操作しようとしているフォームを超えて JavaScript を移動するか、コードをドキュメントの読み込み時に実行される関数に移動します。

例えば：

$('#PAGE').live('pagecreate',function(event){
    var myselect = $("select#foo");
    myselect[0].selectedIndex = 3;
    myselect.selectmenu("refresh");
});

wherePAGEは、操作したいメニューを含む読み込み中のページの ID です。

---

編集：

JQuery Mobile eventsに関する jinyuan のコメントに基づいて、JQuery Mobile pagecreate イベントを使用するように例を更新しました。

Answer 2

jQuery関数として：

$.fn.jqmSelectedIndex = function(index){
    var self = $(this)
    self
        .prop('selectedIndex', index)
    .selectmenu("refresh");

    return self;
}

$("select#foo").jqmSelectedIndex(3);

これは検証されていませんが、機能します。

Answer 3

できます。たぶんあなたはより多くの詳細を提供したいかもしれません。

http://jsbin.com/ekayu3/2