Question

我的网络应用程序适用于桌面浏览器，我的Google Nexus 5上的Chrome以及三星的原生浏览器，但在Samsung Galaxy（KitKat）上使用Chrome时，下拉菜单不适用显示当前的选择。打开本机下拉选项列表时，会选择正确的当前值，但在我重定向手机之前，主屏幕上的菜单不会更改，并且应用程序会刷新。我可以看到事件被触发并且数据正确更改，只是实际的下拉菜单表单没有显示正确的值（直到我打开手机足以调整浏览器的大小）...

我在应用程序中有第二个窗口，有两个下拉菜单..在这种情况下，当我在任一下拉列表中选择一个新值时，另一个下拉列表将更新并显示其当前正确的值！同样，我只在三星的Chrome上看到这一点，我的谷歌手机上的Chrome下拉菜单工作正常。

想法？

HTML和Javascript如下：

        <select id="monthSelect" class="month">
            <option value="" disabled="" selected="selected">Month</option>
            <option value="0">Jan</option>
            <option value="1">Feb</option>
        </select>

        <select id="yearSelect" class="year"> 
            <option value="" disabled="" selected="selected">Year</option>
            <option value="0">2009</option>
            <option value="1">2010</option>
        </select>



$("#monthSelect, #yearSelect").on('change', function() {

   var monthVal = $("#monthSelect").val();
   var yearVal = $("#yearSelect").val();
   selectMonthVal = parseInt(monthVal);
   selectYearVal = parseInt(yearVal);

   checkStats();

}）;

Answer 1

这似乎足以迫使下拉列表更新：

var yearText = $("#yearSelect option:selected").text();
var monthText = $("#monthSelect option:selected").text();

Chrome / Android（Samsung）上的下拉菜单会触发事件，但不会刷新菜单选项

1 个答案: