使用 Mobile Safari“表单助手”在选择元素上未触发更改事件

Question

我有动态选择下拉菜单。例如，如果您选择特定月份，第二个选择元素将填充该月的天数。

这按预期工作，但是当用户使用 iPhone 并使用 Mobile Safari 的“表单助手”中内置的“下一步”按钮时，change 事件（使用 jQuery）似乎不会触发，并且第二个选择不会更新。

$('.month').change(function() {
    // update "days" select element
});

仅供参考，我也在使用 jQuery mobile

Answer 1

您还可以绑定一些其他事件，例如 blur （不过不知道 Blur 是否会在 iPhone 上触发）

$('.month').bind('change blur',function(){

});

或者您尝试过：

$('.month').live('change',function(){
});

Answer 2

我能找到的最好的解决方法是基于这篇文章...

在 Mobile Safari 下拉列表项选择框中使用“下一步”时，select/dropdown 的 onchange() JS 事件的奇怪行为

使用插件（来自上面的链接），一旦使用 Mobile Safari 的“表单助手”选择了一个选项，我就必须强制选择菜单模糊。

然而，我注意到，当强力测试这些菜单时，在几次来回选择后会触发额外的模糊事件。额外的焦点似乎可以解决这个问题。

$('select').quickChange(function () {
    $(this).blur();
    $('select').focus(); // somehow prevents an extra blur from firing on focus
});

通过单独的 change 函数，我动态更新第二个选择菜单。

$("#select-choice-month").change(function () {
    // update second select dynamically
});

*迄今为止仅在 Mobile Safari / iOS 5.0.1 上进行了测试。