Javascript Selectize.js可以'；不要让下拉菜单弹出

我有一个Selectized select，它没有显示带有选项的弹出窗口，尽管我可以在调试器中看到Selectized控件包含所需的选项。当我点击下拉按钮时，箭头指向上方，就像它在显示列表时一样，但这就是它所做的一切，并且没有显示包含选项列表的弹出窗口。此外，此下拉列表位于引导模式对话框中。以下代码段显示Selectize下拉列表初始化和Selectize。第一部分初始化控件

以下内容将加载选项数组：

这就是选择发生的地方。首先，我们调用初始化方法来加载选项，然后使用生成的实例化控件来创建selectized控件：

顺便说一下，我在另一个页面上有相同的代码，但我不明白为什么它在这个页面上不起作用。这两种情况下的代码是相同的

文本格式的代码：

var sgAllSelectize = [];

var pplicationId = null;

function bindAllSGContainer(appId, option) {
    /* ok, so we loaded the SG select element, time to selectize it */
    var handler;
    var pageType = $("#hdnPageType").val();
    if (pageType == 'clone') {
        handler = onChangeSGidForAllServer;
    }
    if (pageType == 'migration') {
        handler = onChangeMigrationSGidForAllServer;
    }
    if (pageType == 'failover') {
        handler = onChangeFailoverSGidForAllServer;
    }

    var element = "#allServerSGselect_" + appId;
    applicationId = appId;

    var $vs = $(element).selectize({
        create: true,
        sortField: 'text',
        placeHolder: 'Example: sg-00000000',
        persist: false,
        options: option,
        createOnBlur: true,
        allowEmptyOption: false,
        closeAfterSelect: true,
        onChange: function (input) {
            var aid = appId;
            var sgValid = input.search(/^sg-[a-zA-Z0-9]{8}$/i);
            var sg_selection = $("option", element);
            var sg_selection_stripped = sg_selection.val().slice(0, 11);
            if (sgValid == 0) {
                sg_selection.val(sg_selection_stripped);
                handler(input, aid);
            } else {
                console.log("sg " + input + " is not valid");
                this.removeOption(input, "silent");
                this.setValue("");
                /* sending an empty sg id will disable the sg elements */
                handler("", aid);
            }
        }
    });
    sgAllSelectize[appId] = $vs;
}


var allOptsArray = [];

//load up the options into an object array
for (var h = 0; h < str1.length; h++) {
    optAllSgObject = new Object(); 
    optAllSgObject.text = str1[h];
    optAllSgObject.value = str1[h];
    allOptsArray.push(optAllSgObject);
}
    bindAllSGContainer(appId, allOptsArray);
    var o = sgAllSelectize[appId];
    selectizeAll = o[0].selectize;

var sgAllSelectize=[]；
var applicationid=null；
函数bindAllSGContainer（appId，选项）{
/*好的，我们加载了SG select元素，是时候选择它了*/
var处理器；
var pageType=$（“#hdnPageType”）.val（）；
如果（页面类型==“克隆”）{
handler=onChangeSGidForAllServer；
}
如果（页面类型==“迁移”）{
handler=onChangeMigrationSGidForAllServer；
}
如果（页面类型==“故障转移”）{
handler=onchangefailoversgiforallserver；
}
var element=“#所有服务器选择”+appId；
applicationId=appId；
变量$vs=$（元素）。选择({
创造：真的，
sortField:“文本”，
占位符：“示例：sg-00000000”，
坚持：错，
选项：选项，
createOnBlur：没错，
allowEmptyOption:false，
对,，
onChange：函数（输入）{
var-aid=appId；
var sgValid=input.search（/^sg-[a-zA-Z0-9]{8}$/i）；
var sg_selection=$（“选项”，元素）；
var sg_selection_stripped=sg_selection.val（）.slice（0,11）；
如果（sgValid==0）{
sg_selection.val（sg_selection_stripped）；
处理程序（输入、辅助）；
}否则{
console.log（“sg”+输入+”无效）；
此.remove选项（输入，“静默”）；
此.setValue（“”）；
/*发送空的sg id将禁用sg元素*/
处理者（“，aid）；
}
}
});
sgAllSelectize[appId]=$vs；
}
var allOptsArray=[]；
//将选项加载到对象数组中
对于（var h=0；h

答案隐藏在注释中

---

周围的单元格或表有一个溢出：隐藏。确保设置为overflow:visible。

请不要发布代码的图像，但代码本身很抱歉，我只是不知道如何正确格式化。我对这个有点陌生。同样，在第一行中，应该是“.with…”而不是“…which…”，您可以发布代码并相应地使用标记按钮来设置代码格式。请参见：我如何重新编辑此代码？如果其他人遇到此问题，问题在于所选控件位于具有溢出：hide for style的表格单元格内。