下拉列表显示空白数据

Question

<script>
    function loaddropdown()
    {
        var dropdown = document.getElementById("ddFAge");
        
        for(var i=1;i<=100;i++)
        {
            var newOption = new Option()
            newOption=document.createElement(option);
            newOption.Text = i;
            newOption.value = i;
            dropdown.options[i] = newOption;
            
            //dropdown.options.add(newOption);
   
            //<option value="0"><--Select Age--></option>
        }
    }
    window.onload=loaddropdown();
</script>

我写了这个脚本，将1-100个数字绑定到asp.net下拉列表。但是下拉列表未显示任何数据。我已附上下拉菜单的屏幕截图。上面的代码有什么问题

Answer 1

您的代码有多个错误。试试这个。

    function loaddropdown()
    {
        var dropdown = document.getElementById("ddFAge");
        
        for(var i=1;i<=100;i++)
        {
            var newOption = window.document.createElement('option');
            newOption.text = i;
            newOption.value = i;
            dropdown.options[i] = newOption;
        }
    }
    window.onload=loaddropdown();