Question

我有MVC应用程序。

我在JS的Create视图中编写了以下代码。基本上在下拉选择的基础上我显示和隐藏div。现在问题是下面的代码在Google Chrome和Mozilla Firefox中完美运行。但现在在IE 8中工作。

我该怎么办？

$('#PaymentType').change(function(){            
            var ptype=document.getElementById("PaymentType").value;        
            if(ptype=="On Account")
            {
                $(".InvoiceDiv").hide();
            }
            else
            {
                $(".InvoiceDiv").show();
            }

        });

Answer 1

我不确定真正的问题是什么，但是因为你使用的是jQuery，为什么不将它用于你的ptype呢？有了这个，跨浏览器问题将被最小化（如果不是完全避免的话）。

$('#PaymentType').change(function(){            
    var ptype = $(this).val();        
    ...
});

希望这有帮助。

Answer 2

如果您的Js文件中包含对document.getelementbyid方法的完整引用或者您导入到程序的Js文件和Css文件的顺序＆lt;链接/＆gt;标签，重新排序并在IE中测试它我认为你的代码在函数开头就正确的原因。

显示和隐藏div的跨浏览器兼容性问题

2 个答案: