将php数据发送到javascript单击事件

我在php中有一个循环，每个项目都会生成一个打开lightbox的链接。如何传递与当前迭代相关的数据（如userid），以便在lightbox和表单提交中使用它

<?php
foreach ($results as $viewUser)
    {
            if ($viewUser)
            {
                echo '<a class="change-email" href="#">Change Email</a>';
            }
    }
}
?>

<script>
$(function(){
    $(".change-email").click(function(){

            $.fancybox({
                'href'              : '#change-email-dialog',
                'width'             : '200px',
                'height'            : 'auto',
                'autoScale'         : true,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'              : 'inline',
                'modal'             : false,
                'afterShow'         : function () {

                }
            });
        });
});   
</script>

<div id="change-email-dialog">
    <form id="change-email-form" class="table" method="POST" action="<?php echo site_url('customerservice/changeEmail').'user='.$viewUser->getBusID(); ?>">
        <ul class="table-row">
            <li class="table-cell">New Email</li>
            <li class="table-cell"><input type="text" name="newEmail" /></li>
        </ul>
        <ul class="table-row">
            <li class="table-cell">Notify Contract Entry?</li>
            <li><input type="checkbox" checked="checked" name="notify" /></li>
        </ul>

        <ul class="table-row">
            <li><input name="userSearchSubmit" type="submit" value="Save" /></li>
        </ul>

    </form>  
</div>

$（函数（）{
$（“.change email”）。单击（函数（）{
$.fancybox({
'href'：'#更改电子邮件对话框'，
“宽度”：“200px”，
“高度”：“自动”，
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“内联”，
“模态”：假，
“afterShow”：函数（）{
}
});
});
});   
您可以将任何数据添加到html中

echo '<a class="change-email" href="#" data-userid="$viewUser.id">Change Email</a>';

您可以将任何数据添加到html中

echo '<a class="change-email" href="#" data-userid="$viewUser.id">Change Email</a>';

展开我的评论，您可以从javascript中删除
。单击
事件，然后离开该函数。然后在HTML中调用
onclick
事件上的函数，同时传递变量。看起来是这样的

<?php
foreach ($results as $viewUser)
    {
            if ($viewUser)
            {
                echo '<a class="change-email" href="#" onclick="changemail(' . $myid . ');">Change Email</a>';
            }
    }
}
?>

<script>
function changemail(myid){
$.fancybox({
    'href'              : '#change-email-dialog',
    'width'             : '200px',
    'height'            : 'auto',
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade',
    'type'              : 'inline',
    'modal'             : false,
    'afterShow'         : function () {

    }
}
</script>


功能更改邮件（myid）{
$.fancybox({
'href'：'#更改电子邮件对话框'，
“宽度”：“200px”，
“高度”：“自动”，
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“内联”，
“模态”：假，
“afterShow”：函数（）{
}
}

javascript中的
myid
将包含PHP中包含的任何
$myid
。
在我的评论上展开，您可以删除
。单击javascript中的
事件，只需离开该函数。然后您将在HTML中的
onclick
事件上调用该函数，同时传递变量.看起来是这样的

<?php
foreach ($results as $viewUser)
    {
            if ($viewUser)
            {
                echo '<a class="change-email" href="#" onclick="changemail(' . $myid . ');">Change Email</a>';
            }
    }
}
?>

<script>
function changemail(myid){
$.fancybox({
    'href'              : '#change-email-dialog',
    'width'             : '200px',
    'height'            : 'auto',
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade',
    'type'              : 'inline',
    'modal'             : false,
    'afterShow'         : function () {

    }
}
</script>


功能更改邮件（myid）{
$.fancybox({
'href'：'#更改电子邮件对话框'，
“宽度”：“200px”，
“高度”：“自动”，
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“内联”，
“模态”：假，
“afterShow”：函数（）{
}
}

javascript中的
myid
将包含PHP中包含的任何
$myid
。
您可以使用数据属性

将它们添加到php中

echo '<a class="change-email" href="#" data-userid=".$userID.">Change Email</a>';

您可以使用数据属性

将它们添加到php中

echo '<a class="change-email" href="#" data-userid=".$userID.">Change Email</a>';


$（函数（）{
$（“.change email”）。单击（函数（）{
var user=$（this.data（“用户”）；
$.fancybox({
'href'：'#更改电子邮件对话框'，
“宽度”：“200px”，
“高度”：“自动”，
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“内联”，
“模态”：假，
“afterShow”：函数（）{
$（“#用户输入”）.val（用户）；
}
});
});
});   

$（函数（）{
$（“.change email”）。单击（函数（）{
var user=$（this.data（“用户”）；
$.fancybox({
'href'：'#更改电子邮件对话框'，
“宽度”：“200px”，
“高度”：“自动”，
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“内联”，
“模态”：假，
“afterShow”：函数（）{
$（“#用户输入”）.val（用户）；
}
});
});
});   
您的JavaScript查询有机会返回多个结果

换成这个

$(function(){
    $(".change-email").each(function() {
        $(this).click(function(){
            $.fancybox({
                'href'              : '#change-email-dialog',
                'width'             : '200px',
                'height'            : 'auto',
                'autoScale'         : true,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'              : 'inline',
                'modal'             : false,
                'afterShow'         : function () {

                }
            });
        });
    });  
});

您的JavaScript查询有机会返回多个结果

换成这个

$(function(){
    $(".change-email").each(function() {
        $(this).click(function(){
            $.fancybox({
                'href'              : '#change-email-dialog',
                'width'             : '200px',
                'height'            : 'auto',
                'autoScale'         : true,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'              : 'inline',
                'modal'             : false,
                'afterShow'         : function () {

                }
            });
        });
    });  
});

我要做的是删除
。单击javascript中的
，添加一个参数，如
函数（id）
，然后在回显链接时，添加
onclick=\“函数（“.$myid.”\”
我要做的是删除
。单击javascript中的
，添加一个参数，如
函数（id）
然后在回显链接时，添加
onclick=\“函数（“.$myid.”\”