繁体   English   中英

如何从php循环获取价值到div

[英]how to get value from php loop to div

我想更改php循环时单击div的值。,我的php代码

<?php $query = mysql_query("select * from tbl_sub_product where product_id='$id'"); 
           while($row=mysql_fetch_array($query))
          {    ?>  
<div><a href="#" class="showElement" id="showElement" >
<?php echo $row['name']; ?><?php echo $row['id']; ?></a></div>
                                <?php } ?>  

我的查询是

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var $target = $('#target');
$(".showElement").click( function(e) {
    e.preventDefault();
    $target.append( $(this).text() );
});
});
</script>

我想要这个div的结果

 <div id="target">user Id:<php echo $id ?>User Nmae:<?php echo $name ?>user designation :<?php echo $designation ?></div>

我想对第二个div中的数据进行代码需要做哪些更改

您要从php获取mysql数据,并且神奇地知道它是什么,而无需再次使用AJAX或其他请求进行查询。

有很多方法可以做到这一点,但最简单的是存储的要在下面的一个子DIV什么确切的视图a标签。

您也需要更改为准备好的语句。...如果您不希望罚款,只需将stmt的内容更改回您拥有的内容,然后row将执行您想要的操作。

<style>
    .hidden{
        display: none;
    }
</style>

<?php 

    $stmt = mysqli_prepare("select * from tbl_sub_product where product_id='$id'"); 

    $stmt->execute();

    $result = $stmt->get_result();


    while($row = $result->fetch_assoc()){    
?>  
    <div>
        <a href="#" class="showElement" >
            <?php echo $row['name']; ?> <?php echo $row['id']; ?>
        </a>
        <div class="hidden getTarget">
            user id: <php echo $row['id']; ?> 
            User name: <?php echo $row['name']; ?>
            user designation: <?php echo $row['designation']; ?>
        </div>
    </div>
<?php 
    } 
?>

<script>
    $(document).ready(function(){
        var $target = $('#target');

        $(".showElement").click( function(e) {
            e.preventDefault();
            $target.append( $(this).parent().find('.getTarget').text() );
        });
    });
</script>

不要在循环中使用ID。 除非您有一个特定的标识符来分隔每个标识符。

也不要复制和粘贴..请阅读代码并理解它。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM