javascript - 仅在 FireFox 中工作的简单 javascript

Question

我创建了一个脚本，它需要选择一个开始年份，然后只显示从该开始年份开始的年份 -> 2009。它只是一个 startYear 到 endYear 范围选择器。

该脚本仅适用于 firefox。我正在学习 javascript，所以我希望有人能指出我正确的方向。可在 http://motolistr.com 找到实时脚本

<script type="text/javascript">
function display_year2(start_year) {
//alert(start_year);
if (start_year != "Any") {
    var i;
    for(i=document.form.year2.options.length-1;i>=0;i--)
    {
        document.form.year2.remove(i);
    }

    var x = 2009;
    while (x >= start_year) {
        var optn = document.createElement("OPTION");
        optn.text = x;
        optn.value = x;
        document.form.year2.options.add(optn);
        //alert(x);
        x--;
    }
}
else 
{
    var i;
    for(i=document.form.year2.options.length-1;i>=0;i--)
    {
        document.form.year2.remove(i);
    }
    var optn = document.createElement("OPTION");
    optn.text = "Any";
    optn.value = "Any";
    document.form.year2.options.add(optn);
} // end else
} // end function
</script>

有什么想法吗？

谢谢，尼克

Answer 1

您正在尝试为每个选项设置一个 onclick 事件。 IE 不支持这个。尝试在 select 元素中使用 onchanged 事件。

取而代之的是:

<select name="year1" id="year1">
    <option value="Any" onclick="javascript:display_year2('Any');" >Any</option>
    <option value="2009" onclick="javascript:display_year2(2009);" >2009</option>
    <option value="2008" onclick="javascript:display_year2(2008);" >2008</option>
</select>

试试这个:

<select name="year1" id="year1" onchange="javascript:display_year2(this.options[this.selectedIndex].value)">
    <option value="Any">Any</option>
    <option value="2009">2009</option>
    <option value="2008">2008</option>
</select>