Chrome 和 Mozilla 中存在 Javascript 错误，但 Opera 中没有。名称未定义

Question

所以我最近开始对页面进行编程...有点小事情，我正在尝试之前在页面中完成的一些操作，所以我只是复制了代码并更改了值。我想知道是否有人可以遮蔽一些光线，为什么它在我的 Opera 浏览器中工作正常，但在我的 Chrome 或 Firefox 上却不能（我在我的计算机上使用 wamp 作为本地网络服务器）

我所做的是使用一个元素并改变它的值（用户选择日期）调用一个使用ajax并调用数据库并返回内容的函数，我认为不需要详细信息）

所以我让下面的

<select name="daySelector" id="daySelectorId" onchange="changeDate(daySelector.value)">
    <option value="-1">Day</option>
    <option value="2012-01-30">2012-01-30</option>
    <option value="2012-01-31">2012-01-31</option>
    <option value="2012-02-01">2012-02-01</option>
    <option value="2012-02-02">2012-02-02</option>
    <option value="2012-02-03">2012-02-03</option>
    <option value="2012-02-04">2012-02-04</option>
    <option value="2012-02-05">2012-02-05</option>
    <option value="2012-02-06">2012-02-06</option>
    <option value="2012-02-07">2012-02-07</option>
    <option value="2012-02-08">2012-02-08</option>
    <option value="2012-02-09">2012-02-09</option>
    <option value="2012-02-10">2012-02-10</option>
    <option value="2012-02-11">2012-02-11</option>
    <option value="2012-02-12">2012-02-12</option>
    <option value="2012-02-13">2012-02-13</option>
</select>

Opera工作得很好并返回了我想要的东西.. 。 但是 Chrome 和 Firefox 由于某种原因说 daySelector 没有定义......当我使用“this”引用时，所有浏览器都工作得很好。有趣的是，我从中获取代码的项目是我在更新我的电脑之前所做的，该电脑只安装了 Firefox（旧版本），我很确定它不会造成任何问题......

所以任何想法。我意识到这本身不是问题，但我对这样的细节很好奇，我想知道...顺便说一句，对于那些在 html/ajax/js/... 中编程了几个月以上的人...我应该传递整个元素并在函数中获取我需要的内容吗？

Answer 1

Opera 可能引用 document.daySelector.value，而 FF 和 Chrome 则引用 window.daySelector.value。替换为 this.value 它将绑定到节点。

Answer 2

将 onchange 替换为： onchange="changeDate(this.value)"

daySelector 未在该上下文中定义。 Opera 必须为您处理它，否则就会默默地消耗该错误。

Answer 3

替换

onchange="changeDate(daySelector.value)"

成

onchange="changeDate(this.value)"

这个应该可以正常工作

Answer 4

提交的答案是正确的，但是我强烈建议您查看 jQuery，因为这会简单得多，而且是跨浏览器的。

例如：

// Select the form element by id using the jQuery selector
var daySelector = $('#daySelectorId');

// Set the onchange event
daySelector.onChange(function(){
     // Get the value of the form element
     var value = $(this).val();
     // Call the change date function
     changeDate(value);
});

我明白这可能看起来有点复杂，但如果你把它分解就会有意义，这就是为什么我提出了明确的评论。

一旦您掌握了 jQuery 的要点，您将能够将上述语句压缩为：

$('#daySelectorId').onChange(function(){changeDate($(this).val())});

只需将其放入您的 javascript 代码中并从 html 中删除 'onchange=changeDate(day...' 属性。

您无需担心此功能无法跨浏览器工作，

请务必查看 jQuery 文档以了解如何实现它。同样，使用 Google Code 的快速示例非常简单（不要忘记获取 API）。来自 Google 的密钥，已找到链接如下）：

<script type="text/javascript" src="http://www.google.com/jsapi?key=GENERATED_API_KEY"></script>
<script type="text/javascript">
  google.load("jquery", "1.7.1");
</script>

上面的代码只是将 jQuery 加载到您的网站中，并将其放入您想要使用它的所有网页中

：http://code.google.com/apis/loader/signup.html

希望这有帮助