jquery mobile selected 选项未在“刷新”时更新

Question

使用 jQueryMobile，当我更改选择小部件的内容然后对其调用“刷新”时，所选选项的文本不会更改。这是场景...

“选择”小部件已存在于页面 div 中。当用户进入该屏幕时，选项会根据他们选择的用于进入该页面的按钮动态创建。此选项列表是根据

构建和添加的

$('#searchReasonList').append(optionList)

第一次进入新页面一切正常。当他们离开并回来时，我会这样做

$('#searchReasonList').empty()

然后我构建正确的选项列表并执行相同的附加和调用：

$('#searchReasonList').selectmenu('refresh',真的）

本机选择确实刷新了，我可以从选项中进行选择。但是，选定的选项不显示。只看到占位符。

显示增强的标记：

<div class="ui-select">
  <div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c">
    <span class="ui-btn-inner ui-btn-corner-all">
      <span class="ui-btn-text">Select Reason</span>
      <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
    </span>

    <select id="searchReasonList" name="searchReasonList" data-placeholder="true">
      <option value="">Select Reason</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
    </select>
  </div>
</div>

带有class='ui-btn-text' 的跨度标签没有被所选选项的标签更新。它只是停留在“搜索原因”，这是我占位符的标签。

还有什么需要做的吗？

Answer 1

使用 jQuery 1.0.1（目前最新的稳定版本），您可以使用 .selectmenu('refresh') 刷新选择小部件。

$('select').empty().append('<option value="foo">Bar</option>').selectmenu('refresh');

这是一个演示：http://jsfiddle.net/4Thzt/

当您使用$('select').selectmenu('refresh', true);（注意, true）时，您将强制小部件不仅被刷新，而且被重建，它将始终显示占位符文本。 来源：http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/selects/methods.html