Javascript jQuery中的目标动态元素

我有一个在javascript文件中动态创建的选择菜单。我已经将css设置为

display:none

，这样样式就可以在加载之前安静地进行。但是，我无法将其定位为再次显示。当它连接到DOM时，以什么样的傻瓜方式来定位它（或任何动态创建的选择菜单）？谢谢你的洞察力

加载选择菜单的初始代码：

createDropdown:function(oLetter){
    var dropDwn = create({type:"select",id:"glossaryWordDropdown", className:"glossarySelect"});

    for(var i=0;i<oLetter.arWords.length;i++){
        var oWord = oLetter.arWords[i];
        $('<option />', {value: oWord.id, text: oWord.id}).appendTo(dropDwn);
    }
    $(dropDwn).on('change', this.onDropDown.bind(this));

    //add to the wordHolder box
    var wordHolderElement = this._screen.getElementById("wordHolder");
    wordHolderElement._container.innerHTML = "";
    $(wordHolderElement._container).append(dropDwn);
},

JQ:

使选择框样式可编辑的自定义插件（）：

---

提前感谢。

尝试将脚本放在一个准备好文档的侦听器中

$(document).ready(function() {
 $("select").show();
});

或者尝试类似的方法以确保您可以访问元素

---

我更愿意添加一个显示有

display:none的类当我想再次显示元素时，我会删除它。谢谢，它已经包装在document.ready函数中，以及我的所有其他小初始化函数中。
$( window ).load(function() {
    $(".glossarySelect").css("display", "block");
});

$(".glossarySelect").customSelectMenu({
    menuClass: 'product-select',
    openedClass: 'shown',
    selectedClass: 'active',
    selectionMadeClass: 'selected'
});

$(document).ready(function() {
 $("select").show();
});