Question

我一直有很大的问题将值传递到我的对话框中。我已成功将其作为标题。此值是我计划在查询中使用的ID，该查询将获取对话框的内容。如何在对话框中使用此值在屏幕上打印（并在我的查询中使用）以下是我填充.title的方法：

function openDialog1() { // called by the inner iframe
$('#dialog1').dialog({
    show: "fold",
    hide: "explode",
    width: 500,
    height: 500,
    title: $('#dialog1').data('v'),
    modal: true,
    buttons: {
        Close: function () {
            $(this).dialog("close");
        }
    }

});
}

这里是我想要使用显示为我的标题的值的地方：

    <div id="dialog1" >

   the id is ???   ...
</div>

提前谢谢

Answer 1

它认为最好的选择是挂钩jQuery dialog's open event并修改对话框的HTML，如下所示：

$('#dialog1').dialog({
    show: "fold",
    hide: "explode",
    width: 500,
    height: 500,
    title: $('#dialog1').data('v'),
    modal: true,
    open: function(event, ui) {
      $('#dialog1').html('the id is ' + $('#dialog1').data('v'));        
    },
    buttons: {
        Close: function () {
            $(this).dialog("close");
        }
    }    
});

Answer 2

您可以使用attr函数获取标题的值并将其添加到文本中，假设您的HTML是这样的：

<div id="dialog"> 
     <p>my ID is :</p>
     <button id="showID">show ID</button>
</div>

我使用的脚本允许重写<p>标记的文本：

$('#dialog').dialog({
                        show: "fold",
                        hide: "explode",
                        width: 500,
                        height: 500,
                        title: "voila",
                        modal: true,
                        buttons: {
                            Close: function () {
                                $(this).dialog("close");
                            }
                        }    
                    });

    $('#showID').click(function(){
                        var title = $('#dialog').attr('title') ;
                        $('#dialog p').text('my ID is :' + title);
                    });

将标题值用作对话框中的文本

2 个答案: