如何将发送数据从数据库添加到html

问题描述

我有一个个人资料页面，其中一个部分是我创建的“关于我”部分，我决心在我的数据库中创建一个名为“建议”的表格，其中列出了用户用于其“关于我”部分的建议列表。设法并排显示了我的表格和文本区域中的数据，但是我想创建一个函数，在该函数中，当我单击特定建议时，它将直接传送给用户的文本区域字段

*编辑使用当前代码，只有单击后的第一个建议会发送到文本区域，再次双击第一个建议不会执行任何操作。结果应该是，单击任何建议都会将其发送到文本区域。

<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title><?php if(isset($page_title)) echo $page_title; ?></title>
    
    <!--Bootstrap--->
     <link href="../img/faviconn.png" rel="icon">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
   <link href="css/custom.css" rel="stylesheet">
   
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="js/sweetalert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/sweetalert.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
  
    <link href="css/intlTelInput.css" rel="stylesheet" type="text/css">
    <script src="js/bootstrap-tagsinput.js"></script>
<link rel="stylesheet" href="css/bootstrap-tagsinput.css">
</head>


<table width="891" height="80" align="center" class="table table-condensed">
    <tr>
        <td width="50%" height="74">
            <div class="form-group" style="overflow-y:scroll; width: 100%;height: 400px;">
                <div class="form-group" align="center">
                    <h4 style="background-color:darkseagreen;color: whitesmoke;width: 190px;">Suggestions</h4>
                </div><br><br>
                <div class="row">
                    <table class="table">
                        

<tr>
                <?php
 
require_once('config/connect.php');

$sql = "SELECT * FROM aboutsug";
$res = mysqli_query($connection,$sql);


?></tr>
            <?php 
                while ($r = mysqli_fetch_assoc($res)) {
            ?>
            <tr>
                <td><?php echo $r['id']; ?></td>
                    <td style="padding:25px;" onclick="fillTextArea('<?php echo $r['suggest']; ?>')"><?php echo $r['suggest']; ?></td>
                
            </tr>
            <?php } ?>
        </table>
                </div>
            </div>
        </td>
        <td width="5%">&nbsp;</td>
        <td width="45%"> 
            <div class="form-group" style="height: 400px;">
                <div class="form-group" align="center">
                    <h4 style="background-color:darkseagreen;color: whitesmoke;width: 190px;">About Me</h4>
                </div>
                <textarea name="about" class="form-control" id="about" spellcheck="true" style="height: 400px;"></textarea>
            </div> 
        </td>
    </tr>
</table>
<script type="text/javascript">
     function fillTextArea(data){
         document.getElementById('about').value=data;
     }
 </script>

解决方法

我刚刚复制了问题，它在我的系统上有效，您一定做错了什么。为此，您可以使用javascript

您的<td>标记中包含$r['suggest']集属性onclick="fillTextArea('<?php echo $r['suggest']; ?>')"

将<td style="padding:25px;"><?php echo $r['suggest']; ?></td>更改为<td style="padding:25px;" onclick="fillTextArea('<?php echo $r['suggest']; ?>')"><?php echo $r['suggest']; ?></td>

转到文档底部，然后添加以下javascript代码

 <script type="text/javascript">
     function fillTextArea(data){
         document.getElementById('about').value=data;
     }
 </script>

html javascript

如何将发送数据从数据库添加到html

问题描述

解决方法

相关问答