0

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

この関数が呼び出されると、次のような 3 つのボタンを含むモーダル ダイアログが表示されます。

画像

私はこのようなことを望んでいます：

ここに画像の説明を入力

どんな助けでも大歓迎です。

4

1 に答える 1

1

これは間違いなく可能です。次のように、要素のマークアップを "" 内に配置するだけです。

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

しかし、私がお勧めするのは、ページのどこかにダイアログ コンテンツを作成し、非表示 (「display:none」の css) から始めて、別の場所で .dialog メソッドを呼び出すことです。

于 2012-07-03T13:38:11.383 に答える