嵌入式下拉列表的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的「顯示：無」），然後調用在其他地方的.dialog方法。