Question

使用PhoneGap，我有一个呈现为UIPicker的元素，包含2个选项。到目前为止，我无法以编程方式将第二个选项设置为选定的选项。

以下是代码的外观（Javascript）：

<select id="dropdown1" onchange"doSomething()">
  <option value="0">none</option>
  <option value="1">test</option>
</select>

我未能使用'selectedIndex'选择第二个选项，即

$（“select＃dropdown1”）。selectedIndex = 1;
我也没有选择访问'selected'属性的第二个选项，即

$（“select＃dropdown1 option”）[1] .attr（“selected”，“selected”）;

现在查看上面两行代码生成的html，innerHTML不变，所选属性不会出现。我不知道刷新GUI的方法。谁能说清楚我做错了什么，或者我错过了什么？

谢谢。

Yohann

Answer 1

您需要确保在jQuery Mobile中刷新控件，以便更新漂亮的图形显示以对应于底层HTML标记。试试这个（http://jsfiddle.net/NPC42/m4jMn/4/）：

// remove current selection
$("select#dropdown1 option").removeAttr("selected");

// add selected, and then refresh the parent control to see result
$("select#dropdown1 option[value='1']").attr('selected', 'selected').parent().selectmenu("refresh");

这适合我。

PhoneGap iOS UIPicker等效元素：以编程方式选择一个选项值

1 个答案: