嵌入了下拉列表的JQuery模态对话框

Question

我不熟悉JavaScript，但我有一个要求，我需要一个模态对话框出现在屏幕中间，并在其中有一个下拉列表。有一个简单的方法吗？我无法在线或在SO上找到任何示例。

这就是我所拥有的：

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();
            }
        }
    });
}

当调用此函数时，会出现一个模态对话框，其中包含三个如下所示的按钮：

我希望有这样的事情：

任何帮助将不胜感激。

Answer 1

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

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

但是我建议在你的页面中构建对话框内容，将它们隐藏起来（css of'display：none'），然后在其他地方调用.dialog方法。