2014-11-14 47 views
0

我的webapp在桌面瀏覽器,Chrome和Google Nexus 5上以及我的三星的本機瀏覽器上都能正常工作,但在使用在三星Galaxy(KitKat)上使用Chrome的應用程序,下拉菜單不顯示當前選擇。打開本機下拉選項列表時,將選擇正確的當前值,但直到我重新定位手機並刷新應用程序之前,主屏幕上的菜單纔會更改。我可以看到事件被觸發,數據正確改變,只是實際的下拉菜單表單不顯示正確的值(直到我把手機調整到瀏覽器的大小)......Chrome/Android(三星)的下拉菜單會觸發事件,但不會刷新菜單選項

我有一個第二個窗口在兩個下拉菜單中。在這種情況下,當我在下拉菜單中選擇一個新值時,其他下拉菜單將更新並顯示其當前正確的值! 同樣,我只在三星的Chrome上看到這一點,在我的Google手機上,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(); 

});

回答

1

以及這似乎不足以迫使下拉更新:

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