jquery mobile选择的选项不会更新'刷新'

Question

使用jQueryMobile,当我更改选择窗口小部件的内容然后在其上调用"刷新"时,所选选项的文本不会更改.这是场景......

'select'小部件已存在于页面div中.当用户转到该屏幕时,将根据他们选择转到该页面的按钮动态创建选项.此选项列表按照构建和添加

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

第一次进入新页面一切顺利.当他们离开并回来时,我做到了

$('#searchReasonList').empty()

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

$('#searchReasonList').selectmenu('refresh',true)

原生选择确实刷新了,我可以从选项中进行选择.但是,所选选项不会显示.只看到占位符.

要显示增强的标记:

<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'是没有使用所选选项的标签更新的span标记.它只是保留"搜索原因",这是我占位符的标签.

还有什么需要做的吗？

Answer 1

使用jQuery 1.0.1(此时是最新的稳定版本),您可以使用.selectmenu('refresh')刷新select-widget.

$('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