Javascript 面向对象JS下拉列表？

我已经使用OOJS创建了一个按钮，稍后将用于更新某些内容。我还想在我的web应用程序中添加一个下拉菜单/选择列表。我用于按钮的代码是：

    var AddButton = function(label){
    var _dom_element = document.createElement("input");
        _dom_element.type = "button";
        _dom_element.value = label;

        _dom_element.onclick = function(){
            //click_action.call(null);
            alert("Im Clicked");
        };
        this.getDomElement = function() {
            return _dom_element;
        }
    }

如何更改此代码，使其成为下拉菜单/选择列表

我最好的猜测是_dom_element.type=“select”；或者类似的东西，但是我不知道实际的类型应该是什么

谢谢您的帮助。

您可以试试这个

var AddSelect = function(options){
    var _dom_element = document.createElement("select");

    for ( var i = 0; i < options.length; i++ ) {
        var _option = document.createElement("option");
            _option.value = options[i];
            _option.innerHTML = options[i];

        _dom_element.appendChild(_option);
    }

    document.body.appendChild(_dom_element);

    _dom_element.onclick = function(){
        //click_action.call(null);
        //alert("Im Clicked");
    };
    this.getDomElement = function() {
        return _dom_element;
    }
}

AddSelect(['option1', 'option2', 'option3']);

var AddSelect=函数（选项）{
var_dom_element=document.createElement（“选择”）；
对于（变量i=0；i

var AddSelect=功能（选项）{
var_dom_element=document.createElement（“选择”）；
对于（变量i=0；i

否，

元素不存在。您可以看到此处存在哪些类型：。如果您想要某种组合按钮，那么有多种方法可以做到这一点。我建议看看流行的图书馆是如何实现它的，例如，谢谢，这很有帮助。

var AddSelect = function(options){
    var _dom_element = document.createElement("select");

    for ( var i = 0; i < options.length; i++ ) {
        var _option = document.createElement("option");
            _option.value = options[i];
            _option.innerHTML = options[i];

        _dom_element.appendChild(_option);
    }

    document.body.appendChild(_dom_element);

    _dom_element.onclick = function(){
        //click_action.call(null);
        //alert("Im Clicked");
    };
    this.getDomElement = function() {
        return _dom_element;
    }
}

AddSelect(['option1', 'option2', 'option3']);