将变量传递给jQuery模态表单

时间:2012-12-14 01:57:58

标签: php jquery modal-dialog

这可能很简单,也可能不可能,但无论如何,我想通过jquery将表行名称传递给模式对话框。

$('.activate_modal').click(function(){

            var rowid = $(this).attr('name');

            $( "#dialog-form" ).dialog( "open" );

        });

我通过PHP动态创建行,并在单击时打开一个jquery模式窗口,我需要将一个id(var rowid)传递给表单,以便它知道哪些行调用该函数。这有可能吗?

2 个答案:

答案 0 :(得分:2)

您可以使用jQuery的data()方法。

var rowid = $(this).attr('name');
$( "#dialog-form" ).data('rowID', rowid); // set the data to be passed
$( "#dialog-form" ).dialog( "open" );

当您需要访问该值时,您可以像以下一样访问它:

var passedInRowId = $( "#dialog-form" ).data('rowID'); // get the data that was passed

填写弹出窗口内显示的表单字段。

var rowid = $(this).attr('name'); $(“#dialog-form”)。data('rowID',rowid); //设置要传递的数据

//在显示对话框之前填写它 //注意:如果这是你需要打开rowid的唯一地方,你根本不需要使用data() $( '#yourformfield')VAL(ROWID);

$(“#dialog-form”)。dialog(“open”);

答案 1 :(得分:0)

这应该会更有帮助。

<?php $rowID = /* Do DB Query */; $rowMessage = /* Do DB Query */; ?>

<span class="activate_modal" data-rowID="<?php echo $rowID; ?>">Activate</span>

<div id="<?php echo $rowID; ?>" class="modal"><?php $rowMessage; ?></div>

<script>
    $(function(){
        $('.activate_modal').click(function(){
            var rowid = $(this).data('rowID');
            $('#'+rowid+'.modal').dialog('open');
        });
    });    
</script>