javascript - 脚本5007 : Unable to set value of the property 'value' : object is null or undefined

Question

我在网站上有以下 JS 费用计算器: http://jsfiddle.net/billsinc/HMFYK/

function updateOutput() {

//get form 
var form = document.getElementById('calc');
var x = form.elements['x'].value;
x = x.replace(/,/g, "");

// determine multiplier
if (x > 11111 && x < 83333) {
    y = 0.009;
}
if (x >= 83333 && x < 166667) {
    y = 0.007;
}
if (x >= 166667 && x < 250000) {
    y = 0.006;
}
if (x >= 250000) {
    y = 0.005;
}

// add data addon
if (form.elements['pd'].checked === true) {
    p = 250;
}
else {
    p = 0;
}

// calculate monthly price
if (x > 11111) {
    form.elements['z'].value = Math.round(eval(parseInt(x, 10) * y + p));
}
else {
    form.elements['z'].value = Math.round(eval(100 + p));
}
}​

如果您输入“12000”(或大于 11,111 的某个数字)，它将在 FF、Chrome 和 Safari 中正确计算。

我无法让它在 IE 中运行。输入值后抛出以下错误:

SCRIPT5007: Unable to set value of the property 'value': object is null or undefined

我在 SO 上多次看到此错误，但所有解决方案都与 .Net 或嵌入 Flash 的某些问题有关。

任何帮助将不胜感激...提前致谢!

Answer 1

IE 似乎不包含 <output> form.elements 中的元素收藏，所以form.elements['z']是 undefined在IE中。 (如果单击该链接，您将看到 IE10 之前不支持 <output>。)其他浏览器确实包括 <output>。 s 在他们的 elements收藏。

要么制作 z进入只读<input> ，或给您的<output>一个id并通过 document.getElementById 获取它.