0

後で何かを更新するために使用される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"; またはそれらの線に沿った何か、しかし私は実際のタイプが何に等しいべきかについての手がかりを持っていません。

あなたが与えることができるどんな助けにも感謝します。

4

2 に答える 2

1

あなたはこれを試すことができます

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']);

デモ

于 2013-03-23T23:05:40.850 に答える
0 
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']);
于 2015-06-03T19:08:51.823 に答える