javascript - 嵌入下拉列表的 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({

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