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

Question

我遇到了一个问题，需要你们的支持。

我的问题是我想在不刷新页面的情况下将一个 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 但从未将案例 ID 传递给 #existingcase。而且 #existingcase div 也没有加载，但没有传递 caseid 值，#existingcase 加载。

任何建议都会很棒。

Answer 1

我想你想打印 clicked case_id在没有页面加载的 div 中。为此，您不想使用 url 传递它。你可以简单地使用 javascript 来实现它.

如果您的 div编号 existingcase只是像下面这样更改您的代码。

您正在打印相同的 case_id作为 anchor 标记的文本使用 $row_mycases['case_id']; .因此，您可以使用 javascript 轻松获取该文本，并且可以轻松地将其打印在 #existingcase 中。分区

<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

更新:

要在不重新加载页面的情况下将客户端值传递给服务器端，您可以使用 jquery.post()方法。

把这个PHP页面顶部的代码。

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

$caseid将包含当前点击的 case_id值(value)。所以，你可以使用这个 $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()并将其分配给 $_POST id 的变量名.它将发布到 yourPHPFile.php .您可以像 $caseid = $_POST['id']; 一样检索该值.

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

通过这种方式，您可以直接将点击的 case_id 文本打印到您的 #exixtingcase分区