jquery - websql データベースから Jquery を使用して HTML5 ドロップダウンをバインドする

Question

jqueryからドロップダウン選択値を設定したい。

以下で説明するさまざまなアプローチを試しましたが、どれも機能していません。

HTML:

<div class="ui-block-b">
<select id="interviewertyp" name="interviewerType" data-theme="b" data-mini="true"
data-native-menu="false" onchange="interviewerTypeFn(this.value)">
<option value="0">Insured</option>
<option value="1">Tenant</option>
<option value="2">Other</option>
</select><br />
</div>

JQUERY アプローチ:

var valu = "";
if (row['rdWhowasinter'] == "Y")
valu = 0;
else if (row['rdWhowasinter'] == "N")
valu = 1;
else if (row['rdWhowasinter'] == "O")
valu = 2;
else {

}
alert(valu);

valu = "Insured";
$("#interviewertyp").selectmenu('refresh');
$("#interviewertyp option").each(function () {
if ($(this).text() == valu) {
alert($(this).text());

$(this).attr('selected', 'selected');
}
});
$("#interviewertyp").selectmenu('refresh');
$("#interviewertyp").selectmenu('refresh');
$("#interviewertyp option:selected").val(valu);
alert($("#interviewertyp option:selected").val())
$("#interviewertyp option:selected").val(valu);
$("#interviewertyp").selectmenu('refresh');
$("#interviewertyp").val("1");

Jquery バージョン: 1.7.2