javascript - 如何使用 javascript 填充下拉列表

Question

如何在java脚本中填充下拉值？

<script type="text/javascript">

var creatLimit = 5;
var fCount=0;   
function addFileElement() 
{

    if(fCount <creatLimit )
    {   
     /*var option = document.createElement("option");
        option.value = '0'; option.innerHTML = ' -- '; select.appendChild(option);
        option.value = '1'; option.innerHTML = 'item 1'; select.appendChild(option);
        option.value = '2'; option.innerHTML = 'item 2'; select.appendChild(option);*/
    var fObject = document.getElementById("agencySection"); 
    //var addButton = document.createElement(label);

    var addButton = document.createElement("select");
    var agency = document.getElementById("agencyLabelSection");
    var addButton2 = document.createElement("option");

    //<label for="firstname">First name:</label> 
    //<label for="agencyLabelSection">agency:</label> 
    //<input type="text" name="agencyLabelSection" id="agencyLabelSection" />

    addButton.type= "select";   
    addButton2.type= "option";
    //for (var fObject in addButton) {
    addButton.name="userRoleBeanList["+fCount+"]";  
    addButton.setAttribute("class", "normal");
    addButton.style.width= "250px"; 
    addButton.onkeydown = function(){
        blur();

    };  //}
    //document.write("<p> Agency:</p>");
    addButton2.name="userRoleBeanList["+fCount+"]"; 
    addButton2.setAttribute("class", "normal");
    addButton2.onkeydown = function(){
        blur();
    };  
    var o2 = document.createElement("br");
    var o3 = document.createElement("br");

    fObject.appendChild(addButton);
    fObject.appendChild(o2);
    fObject.appendChild(o3);
    agency.appendChild(addButton2);

    var fObject1 = document.getElementById("roleSection");  
    var addButton1 = document.createElement("select");

    var role = document.getElementById("roleLabelSection");
    var addButton3 = document.createElement("option");

    addButton1.type= "select";  
    addButton3.type= "option";

    addButton1.name="userRoleBeanList["+fCount+"]"; 
    addButton1.setAttribute("class", "normal");
    addButton1.style.width= "250px";    
    addButton1.onkeydown = function(){
        blur();
    };  

    var o4 = document.createElement("br");
    var o5 = document.createElement("br");

    fObject1.appendChild(addButton1);
    fObject1.appendChild(o4);
    fObject1.appendChild(o5);
    role.appendChild(addButton3);

    fCount++;
    }   
}
</script>

Answer 1

提出了同样的问题here答案就是

ddl.options[i] = theOption;

此代码示例展示了如何向下拉列表添加变量:

var ddl = document.getElementById( 'myDropdown' );
 var theOption = new Option;
 var x;
 var i;

 for(i = 0; i < 999; i++) {
 x = i + 1;
 theOption.text = x;
 theOption.value = x;
 ddl.options[i] = theOption;
 }

如果您要编辑您的问题，以便我们知道下拉列表名称和所需值是什么，那么我可以为您提供更多帮助