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