Jquery 移动设备 Select 添加选项后未更新以显示值

Question

我有一个非常简单的select盒子：

<select  id="collectorMainsInspEmissSelect">
    <option></option>
</select>

它有一个默认选项，不显示任何内容，也没有任何值。

每当单击按钮时： <a data-role="button" style="padding-left:0px; padding-right:0px; margin-top:8px;" id="collectorMainsInspAddEmissButton" onclick="main.CollectorMains.addEmiss()">Add Emiss</a>

它运行这个函数：

function addEmiss() {

    var last = $("#collectorMainsInspEmissSelect option:last-child").val();
    if ($.isNumeric(last)) {
        $("#collectorMainsInspEmissSelect option:last").after("<option value=" + (parseInt(last) + 1) + ">" + (parseInt(last) + 1) + "</option>");
        $("#collectorMainsInspEmissSelect option:last").prop('selected', true);
    }
    else {
        $("#collectorMainsInspEmissSelect option:last").after("<option value=1>1</option>");
        $("#collectorMainsInspEmissSelect option:last").prop('selected', true);
    }
    console.log($("#collectorMainsInspEmissSelect").val());
}

这样做是检查 select 中的最后一个选项。如果它是空白的，它会创建一个新选项，其值和文本为 1。否则，它会添加一个新选项，该选项是先前选项递增的。

那部分工作得很好。添加了新选项。

接下来，我将 select 的值设置为最后一个选项。我希望它在视觉上更改 select 框以显示最后一个选项，并且我希望该值也是该选项。

在后台，值正在变化。然而，从视觉上看，事实并非如此。

我得到了 console.log 以显示每次单击按钮时该值都会增加。这是我想要它做的事情的 jsfiddle：https://jsfiddle.net/w5r93t3c/1/

您会注意到它在 jsfiddle 中运行良好。那也是我的问题。我不明白为什么 select 在我的 Jquery 移动应用程序中没有视觉更新。我需要以某种方式刷新 select 吗？

Answer 1

已解决。添加了 $("#collectorMainsInspEmissSelect").selectmenu('refresh', true);最后

Jquery 移动设备 Select 添加选项后未更新以显示值

Jquery Mobile Select not updating to show value after options added

jquery

jquery-mobile