jquerymobileとcordova2.0.0を使用してAndroidアプリを作成しようとしています。アプリの設定をAndroidストレージに保存するlocalStorageを追加する予定です。現在、jquerymobileの選択メニューに現在保存されている値を表示させようとしています。
例:3つの項目(無効、有効、互換モード)で構成されるメニュー(設定)があり、互換モードを選択して設定を保存するとします。次に、変数設定が保存され、互換性に設定されます。ただし、次に設定をロードすると、メニュー(設定)がリストの最初のオプションであるため、無効に設定されているように見えます。そのため、プログラムで現在選択され保存されているオプションを設定で表示したいと思います。格納された値からselectedIndexを設定するload()関数を呼び出すbody onloadを使用して試しましたが、機能しませんでした(おそらく私の悪いコード)。
だから私は選択メニューを構築し、オプションの順序を変更するために私のjavascriptが必要ですが、それは機能していません。
これが私のHTMLコードです:
<div data-role="content" data-theme="c" id="content">
<div data-role="fieldcontain" onLoad="load();">
<label for="transitions" class="select">Prechody:</label>
<select name="transitions" id="transitions">
</select>
</div>
<div data-role="fieldcontain">
<label for="entriesNumber">Počet zobrazovaných príspevkov:</label>
<input type="range" name="entriesNumber" id="entriesNumber" value="25" min="0" max="35" />
</div>
</div>
そしてここにjavascriptがあります:
function load(){
var select = document.getElementById("transitions");
var option1 = document.createElement("option");
option1.setAttribute("value","vypnute");
option1.innerHTML("Vypnúť");
select.appendChild(option1);
var option2 = document.createElement("option");
option2.setAttribute("value","zapnute");
option2.innerHTML("Zapnúť");
select.appendChild(option2);
var option3 = document.createElement("option");
option3.setAttribute("value","kompatibilita");
option3.innerHTML("Zapnúť v režime kompatibility");
select.appendChild(option3);
}
selectedIndex( http://www.w3schools.com/jsref/prop_select_selectedindex.asp )を使用するか、その他のより明確な方法でこれを行う方法を知っている場合は、ここに投稿してください。そうでない場合は、JSコードをチェックしてみてください。