0

このリンクに基づく:アプリのどこでも機能する確認 (はい/いいえ) 用の jQuery ダイアログを構築する方法は?
IE 8を使用して、次のコードがあります

HTML

<ol>
    <li>
        <span class="title">Item 1</span>
        <span class="test">test dialog</span>
    </li>
</ol>

Javascript

function MergeRenameDialog(button1, button2) {
    var btns = {};
    btns[button1] = function() {
        alert($('#mergedPreDefinedNewFilterName').val())
        $(this).dialog("close");
    };
    btns[button2] = function() {
        // Do nothing
        $(this).dialog("close");
    };
    $("<div id='MergeRenameDiv' style='text-align:left'><label>Keyin your New Filter Name.</label><br><br><input id='mergedPreDefinedNewFilterName' /></div>").dialog({
        autoOpen: true,
        width: 450,
        height: 200,
        modal: true,
        resizable: false,
        position: 'center',
        title: 'xxx',
        modal: true,
        buttons: btns
    });
}
$('.test').click(function() {
    MergeRenameDialog('Check Value ', 'Close ');
})

ページのロード:
1.テスト ダイアログをクリックし、入力フィールドに値をキー入力して、[値の確認] ボタンをクリックします。現在の入力フィールドの値が表示され、ダイアログが閉じます
。 2.テスト ダイアログを再度クリックし、新しい値を入力します。入力フィールドを選択し、[値の確認] ボタンをクリックすると、前の入力フィールドの値が表示され、ダイアログが閉じます。

ここにJsFiddle

Q: ダイアログで最新のフィールド値を取得するにはどうすればよいですか?

ありがとうございました

4

1 に答える 1

0

このようなダイアログを開いてみることができます

<ol>
<li>
    <span class="title">Item 1</span>
    <span class="test">test dialog</span>
</li>
</ol>
<div id='dialogshow'></div>

function MergeRenameDialog(button1, button2) {
document.getElementById('dialogshow').innerHTML = "<div id='MergeRenameDiv' style='text-align:left'><label>Keyin your New Filter Name.</label><br><br><input id='mergedPreDefinedNewFilterName' /></div>";
$( "#dialogshow" ).dialog({
    width: 450,
    height: 300,
    modal: true,
    resizable:false,
    title: 'xxx',
    buttons: {
        Checkvalue: function()
        {
            alert($('#mergedPreDefinedNewFilterName').val());
                            $( this ).dialog( "close" );
        },
        Close: function() {
            $( this ).dialog( "close" );
        }
    }
});

}

$('.test').click(function() {
MergeRenameDialog('Check Value ', 'Close ');
})​;

このフィドルをチェック

于 2012-11-29T04:07:58.960 に答える