javascript - 函数不会生成 IE7 中的选择选项

Question

我在 IE7 中遇到问题。 gen 函数不会为选择生成任何选项。 有这个选择

   <select id="year_individ" name="age" onclick="showCategory();">
    <option></option>
    </select>

我用这种方式生成年份(从 1942 年到 1994 年):

    $(document).ready(function() {
        var myselect=document.getElementById("year_individ"),
                 year = new Date(1995);
        var gen = function(max){
            do { 
                year--;
                myselect.add(new Option(year,max),null);
                max++;          
            } while(max<71);
        }(18);
}); 


      function showCategory() {
            if ($('.gender').is(':checked')) {
                if ($('#year_individ').val() >= 18) { 
                    if ($('#female').is(':checked')) {
                        $('#category').html('Women ');              
                    } else { 
                      $('#category').html('Men ');                                                  
                    }
                    age = parseInt($('#year_individ').val());
                    if (age < 40) $('#category').append('18-39 yrs');
                        else if (age < 50) $('#category').append('40-49 yrs');
                        else $('#category').append('50 and more '); 
                }        
                else
                    $('#category').html('set gender and year');  
            }              
        }

当我单击选择时，应该会更改类别。 (还必须检查“性别”广播)。 我使用的是 jQuery 1.5.1 分钟。它适用于 Chrome、Firefox 和 Opera。 这是代码(它实际上在 jsfiddle 中不起作用)http://jsfiddle.net/5DvHj/2/

谢谢

Answer 1

为什么使用内联函数？ 你应该使用 jquery 添加选项:

$(document).ready(function() {
  var myselect=$('#year_individ'), year = new Date(1995);
  var gen = function(max){
    do { 
      myselect.append($('<option></option>').val(max++).html(--year));         
    } while(max<71);
  }(18);
});