加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

php – 将动态数据从div传递到同一页面上的另一个div

发布时间:2020-12-13 16:53:01 所属栏目:PHP教程 来源:网络整理
导读:我陷入困境,需要你们的支持. 我的问题是我想将一个php变量(通过数据库循环动态调用)传递给同一页面上的另一个div而不刷新页面 //这是一个循环 tda class="linkright" href="#existingcase?case_id=?php echo $row_mycases['case_id']; ?"?php echo $row_myca
我陷入困境,需要你们的支持.

我的问题是我想将一个php变量(通过数据库循环动态调用)传递给同一页面上的另一个div而不刷新页面

//这是一个循环

<td><a class="linkright" href="#existingcase?case_id=<?php echo $row_mycases['case_id']; ?>"><?php echo $row_mycases['case_id']; ?></a></td>

//应该获得上述php变量的div

<div class="tabright" id="existingcase">
    <?php 
    $c_id = $_GET['case_id'];
    echo $c_id;
    ?>      
</div>

//用于在同一页面上调用div的javascript代码

<script>
$(".linkright").click(function(){
    $(".tabright").hide();
    theDiv = $(this).attr("href");
    $(theDiv).slideToggle();
});
</script>

它在url中显示如index.php#existingcase?case_id = 2012001但从未将case id传递给#existingcase.并且#existingcase div也不加载但不传递caseid值,#existingcase loads.

任何建议都会很棒.

解决方法

我想你想在没有页面加载的情况下在div中打印单击的case_id.为此,您不希望使用url传递它.你可以使用javascript简单地实现它.

如果你的div id现有只是改变你的代码,如下所示.

您使用$row_mycases [‘case_id’];打印相同的case_id作为锚标记的文本.因此,您可以使用javascript轻松获取该文本,并且可以轻松地在#existingcasediv中打印它.

< td>< a class =“linkright”href =“#existingcase”><?php echo $row_mycases ['case_id']; ?>< / A>< / TD> 我不知道你的其他脚本.在.linkright点击功能这个代码就像这样

$(".linkright").click(function(){
    $('#existingcase').text($(this).text()); //if your div id is existingcase it will print your case id. 
});

试试这段代码.让我知道结果.

SEE THIS FIDDLE DEMO

更新:

要将客户端值传递给serverside而不重新加载页面,可以使用jquery.post()方法.

将此PHP代码放在页面顶部.

<?php     
    if (isset($_POST['id'])) {
    $caseid = $_POST['id'];
    return print_r($caseid);
  }
?>

$caseid将包含当前单击的case_id值.因此,您可以在此页面中的任何位置使用此$caseid.如果您单击另一个案例ID,它将根据当前单击的case_id进行更新
用以下代码替换你的js,

$(".linkright").click(function () {
    $(".tabright").hide();
    theDiv = $(this).attr("href");
    $(theDiv).slideToggle();
    $.post("yourPHPFile.php",{    //use your current php file name instead of "yourPHPFile.php"
        id: $(this).text()
    },function (caseid) {
        $('#existingcase').text(caseid);
    });
});

id:$(this).text()表示获取当前元素.text()并将其分配给id的$_POST变量名.它将发布到yourPHPFile.php.你可以像$caseid = $_POST [‘id’];一样检索该值.

在函数(caseid){中,caseid包含$caseid的值.所以,只有在这段代码中,我分配了$caseid = $_POST [‘id’];

通过这个,您可以直接将单击的case_id文本打印到#exixtingcase div.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读