Jquery .change 在 Chrome 中不起作用

Question

出于某种原因，这似乎在 FF 中工作正常，但在 Chrome 中却不行。我尝试将 $(window).load( function() {...}); 包装起来甚至删除页面上的所有其他 Javascript(Jquery 表单向导插件除外)。

 $('#state').change(function() {
            var state = $("#state").val();
            if (state === "CA" || state === "NV" || state === "OR" || state === "WA" || state === "AZ") {
                $("#first .ins_link_next").val("insurance_type");
                }
                else {
                $("#first .ins_link_next").val("out-of-area");

                }
    });

该页面可以在http://173.45.237.55/qrf/查看

非常感谢任何帮助!

Answer 1

输入元素中有一个 onKeyup 处理程序，用于将输入值设置为大写。这实际上分离了事件处理程序(在 Chrome 中)。要解决此问题，一种解决方案是将 onKeyup 函数移至更改函数中:

$('#statecode').change(function() {
        this.value=this.value.toUpperCase();
        var state = $("#statecode").val();
        if (state === "CA" || state === "NV" || state === "OR" || state === "WA" || state === "AZ") {
            $("#first .ins_link_next").val("insurance_type");
            }
            else {
            $("#first .ins_link_next").val("out-of-area");

            }
});

此外，您不需要 $(window).load() 将函数包装在 $(document).ready() 中。