Estou tentando usar o optionselector em um html5 -app. Mas parece impossível obter a opção selecionada (índice ou qualquer outro). Eu também quero definir o índice como uma escolha predefinida.
Aqui está o meu html:
<div class="settingGroup">
<p>Video Transcoding:</p>
<section data-role="option-selector" id="transcodingOptions">
<ul>
<li data-value="0">
<p>no transcoding</p>
</li>
<li data-value="1">
<p>simple transcoding</p>
</li>
<li data-value="2">
<p>full transcoding</p>
</li>
</ul>
</section>
</div>
e JS:
UI.optionselector("transcodingOptions", false);
// always the same index:
console.debug(UI.optionselector("transcodingOptions").selectedIndex);
// seems to get the right data-value (fires three times):
UI.optionselector("transcodingOptions").onClicked(function(e) {
console.debug(e.values);
// save:
localStorage.setItem("transcoding", e.values);
});
// set selectedIndex --> not working:
UI.optionselector("transcodingOptions").selectedIndex = localStorage.getItem("transcoding");
Alguém sabe o caminho certo para o que estou tentando alcançar?
Obrigado.