Question

我有一个链接的纯css3模态调用，我希望将一些变量传递给模态。

模态

    <div id="reasonmodal">
    <div class="modal-content">
        <div class="header">
            Reason
        </div>

        <div class="copy">
             //content
        </div>
        <div class="footer"><a href="?r=Register/UpdateReason&appid=">Close</a></div>
        <br />  

    </div>

HTML

    //some other code with foreach appid
    <a href="#reasonmodal">Click</a>

我想将foreach appid传递给模态，有什么建议吗？感谢

Answer 1

我有一个想法（仅限js）：

<a href="#reasonmodal" class="modal-link" rel="<?=$app_id?>" >Click</a>

<a href="#" id="submit-link">Close</a>

和模态行动：

$(".modal-link").click(function(){
   $("#submit-link").attr('href','?r=Register/UpdateReason&appid='+$(this).attr('rel'));
   $($(this).attr('href')).modal('show');
});

Answer 2

只需打印var

即可

<div id="reasonmodal">
    <div class="modal-content">
        <div class="header">
            Reason
        </div>

        <div class="copy">
             //content
        </div>
        <div class="footer"><a href="?r=Register/UpdateReason&appid=<?php echo $appid; ?>">Close</a></div>
        <br />  

    </div>

Answer 3

我看到你想在每次点击html div时动态地将变量传递给模型。只需使用ajax post来获取这些值并在触发之前更新模态内容

模态

<div id="reasonmodal">
<div class="modal-content">
    <div class="header">
        Reason
    </div>

    <div class="copy" id="modal_content">
         //content
    </div>
    <div class="footer"><a href="?r=Register/UpdateReason&appid=">Close</a></div>
    <br />  

</div>

将onclick事件添加到html div

<a href="#reasonmodal" onlick='updateModal()'>Click</a>

实现updateModal（）函数，该函数将POST一个ajax请求以获取数据。像这样：

function viewDetail()
{
    $.ajax({
        type: "POST",
        url: <?php echo "\"" . Yii::app()->createUrl('controller/action') . "\""; ?>,
        data: { param : "value"},   
    }).done(function(msg){
        //update the model content with msg responded from server
        document.getElementById("modal_content").innerHTML = msg;    
    });     
}

更新html内容后将触发模式。

（如果它适合你，请给我一个投票）

将变量从链接传递给div

3 个答案: