嵌入下拉列表的JQuery模态对话框 我对JavaScript有点新，但是我有一个需求，我需要一个模态对话框出现在屏幕中间，里面还有一个下拉列表。有没有一个简单的方法可以做到这一点？我在网上找不到任何例子

以下是我所拥有的：

function showExportDialog() {
    console.log("In requestPanel.js ==> showExportDialog()");

    //initialize and open the dialog
    var $dialog = $('<div></div>').dialog({
        title:   'Export Dialog',
        modal: true,   //dims screen to bring dialog to the front
        buttons: {
            'Export As CSV': function() {
                exportAsCSV();
            },
            'Export As Tab Delimited': function() {
                exportAsTabDelimited();
            },
            'Export As Plain Text': function() {
                exportAsPlainText();
            }
        }
    });
}

函数showExportDialog（）{
log（“In requestPanel.js=>showExportDialog（）”；
//初始化并打开对话框
变量$dialog=$（''）.dialog({
标题：“导出对话框”，
模态：true，//使屏幕变暗以将对话框带到前面
按钮：{
“导出为CSV”：函数（）{
exportAsCSV（）；
},
“导出为制表符分隔”：函数（）{
exportAsTabDelimited（）；
},
“导出为纯文本”：函数（）{
exportAsPlainText（）；
}
}
});
}

调用此函数时，会出现一个模式对话框，其中有三个按钮，如下所示：

var $dialog = $('<div><select><option value="item1">item1</option></select></div>').dialog({

我希望有这样的事情：

var $dialog = $('<div><select><option value="item1">item1</option></select></div>').dialog({

---

任何帮助都将不胜感激

这绝对是可能的。只需将元素标记放在“”中，如下所示：

var $dialog = $('<div><select><option value="item1">item1</option></select></div>').dialog({

var$dialog=$（'item1'）。dialog({

---

但我建议您在页面的某个地方构建对话框内容，将其隐藏（css为'display:none'），然后在其他地方调用.dialog方法。

@D.Strout您的演示链接已断开