表单中的下拉选择在 Internet Explorer 中不起作用

Posted 2023-03-06

【中文标题】表单中的下拉选择在 Internet Explorer 中不起作用

【英文标题】：Dropdown select in form not working in Internet Explorer

【发布时间】：2011-09-23 10:59:42

【问题描述】：

这是我在这个网站上的第一个问题。我对 Internet Explorer 有疑问。我的联系表单在 Chrome、Safari 和 FF 中运行良好，但在 IE 中运行良好。这是我的表单的link。

基本上问题是下拉选择中没有文本，因此没有人可以通过 IE 发送查询。有人可以帮我吗？

其他信息... 我从以下地址获得了精美的联系表格： http://tutorialzine.com/2009/09/fancy-contact-form/ 还有其他一些较小的问题，例如不同浏览器的选择宽度不同，但我只关心上述问题。

非常感谢

【问题讨论】：

我在 IE8 中看到 jquery invalid arg 错误

您使用的是 javascript 文件的缩小版本，很难追踪。请使用完整版本，以便我提供帮助。

我目前无法访问 IE 来确认，但这对我来说似乎是一个 hasLayout 问题。您的选择框正在变成无序列表，列表项通常是首先需要缩放：1 或高度：1%（根据我的经验）。

您使用什么版本的 IE 进行测试？ （这是重要信息！）

【参考方案1】：

代码中有几个错误。我建议使用 javascript 调试器。 Chrome 开发者工具有一个不错的，而且

Firebug is good too for Firefox

对于 Chrome：

Control - Shift - I 键打开开发者工具

Control - Shift - J 打开开发者工具并将焦点带到控制台。

Control - Shift - C 切换检查元素模式

【参考方案2】：

在您的代码中，if 语句缺少逗号和括号...尽管编译器不需要这些，但最好始终将 if 语句包装在逗号内，并始终在每行的末尾放置分号。

例如

$("#contact-form").validationEngine(
        inlineValidation: false,
        promptPosition: "centerRight",
        success :  function()use_ajax=true,
        failure : function()use_ajax=false;
     ) // missing semicolon here

和

    $.validationEngine.buildPrompt(".jqTransformSelectWrapper","* This field is required","error") // missing semicolon here
    return false;

由于你在调试器中调用了错误的参数，最好以正确的方式编写代码，然后我们可以尝试了解问题所在。