嵌入下拉列表的JQuery Modal對話框

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為“ display：none”）開始，然后在其他位置對其調用.dialog方法。