从链接传递变量的div(Pass variable from link to div)

我有一个链接一个纯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后对这些值和更新模式内容被触发之前，

语气

<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>

实施这将发布一个Ajax请求获取数据updateModal（）函数。 事情是这样的：

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内容更新后的模式将被触发。

（给我一个票了，如果你的作品）

文章来源: Pass variable from link to div