Jquery Mobile iPhone级联自定义样式选择框刷新未在iPhone ui选择器中更新

Question

我有一个级联状态到城市选择框对。用户选择一个州，ajax 例程用数据库中的州城市更新城市选择框。

选择框具有自定义样式。

iPhone 用户流向：

1. 用户按下状态框
2. 底部弹出iphone原生选择框ui画面
3. 用户选择合适的状态
4. 城市框会更新和刷新，但原生 Iphone ui 选择框选择器值不会更新。

如果用户按下完成按钮，然后按下城市选择框，它就可以正常工作。

我需要 Iphone 原生 ui 来更新它的值。

$('#select_destination_state').live('change',function(e)  {

  var stateVal = $(this).val();
  dstate = stateVal;
    $.ajax({
        url: '/inc/cityhandler.php?state='+ stateVal,

        success: function(data) {
          //alert(data);
          $('#select_destination_city').html(data);
          $('#select_destination_city option:first-child').attr("selected", "selected");
          $('#select_destination_city').selectmenu();
          $('#select_destination_city').selectmenu("refresh", true);

          select_to_miles(currSeg); //ajax function to get mileage

        }
      });
  });

Answer 1

您可以在此处找到许多针对此问题的建议和解决方法：Strange behavior of select/dropdown's onchange() JS event when using 'Next' on Mobile Safari Dropdown list item select box