Javascript - innerHTML 不适用于 HTML 选择菜单

在我的 HTML 页面中，我有 2 个选择菜单，其 ID 为“月”和“日” - 页面加载时“日”为空，“月”有 12 个选项，其值 1-12 对应于一月至十二月。

“month”有一个 onchange 事件调用此函数：

function showOutboundDays(month)
{
if(month==4 || month==6 || month==9 || month==11)
    document.getElementById('day').innerHTML='<option value="1">1</option><option value="2">2</option>'; etc. up to 30
else if(month==2)
    document.getElementById('day').innerHTML='<option value="1">1</option>'; etc. up to 28
else 
    document.getElementById('day').innerHTML='<option value="1">1</option>'; etc. up to 31
}

（想象一下选项标签周围有大括号可以帮助您看到......）

我认为很清楚地看到我想要实现的目标......除了 ID 为“day”的选择的 innerHTML 根本没有被填充之外，一切都工作正常，无论您选择哪个月份。我知道问题出在函数的这个阶段，因为当我将要执行的 if、elseif 和 else 代码更改为警报或类似的代码时，它工作正常。

有人知道innerHTML 的问题是什么吗？

Thanks

编辑：使用 Firefox 3.6

我建议不要在select- 它只是 似乎是错误的。select元素有易于使用的方法来添加新元素 选项：

`document.getElementById('day').options.add(new Option("1", "1"))`

上述对象创建中的参数为：

new Option("optionText", "optionValue")

只是想添加这个答案，因为它可能会让看到这篇文章的人澄清。