使用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>
Run Code Online (Sandbox Code Playgroud)
这class='ui-btn-text'是没有使用所选选项的标签更新的span标记.它只是保留"搜索原因",这是我占位符的标签.
还有什么需要做的吗?