将option添加到select框

最新推荐文章于 2023-05-25 15:24:34 发布

Joe?

最新推荐文章于 2023-05-25 15:24:34 发布

阅读量132

点赞数

本文介绍了一种使用JavaScript动态创建HTML下拉选择框的方法。通过遍历一个隐藏的选择框，将其中的选项复制到新的可见选择框中，并根据特定条件设置选项的默认选中状态。

    var select=document.createElement("select");
    select.setAttribute("class","field size2");
    
    // 从隐藏的选择框里找选项
    var hideSelect=document.getElementById("hideSelect");
    for(var i=0;i<hideSelect.options.length;i++){
        var op=document.createElement("option");
        op.appendChild(document.createTextNode(hideSelect.options[i].text));// 设置文字
        op.setAttribute("value",hideSelect.options[i].value);// 设置值
            
        if(descId==hideSelect.options[i].value){
            op.selected = true;// 设置是否选中
        }
        
        select.appendChild(op);// 将option添加到select框
    }