将值插入到从数据库中选择的 html 中答案

【问题标题】：Insert values into a html select from a database将值插入到从数据库中选择的 html 中
【发布时间】：2018-05-06 03:48:47
【问题描述】：

早上好，我必须在数据库中的 html 文件中的 select 中插入值，我无法修改文件 html 的扩展名。我用 php 写的，它可以工作，但是我必须在现有的 html 文件中插入这个功能，我该怎么做？

<?php
$user = "root";
$pass = "root";
$db = "dbname";

$connect = new mysqli('localhost', $user, $pass, $db) or die("You Fail");
$query ="SELECT * FROM `tableName`";
$result = mysqli_query($connect,$query);?>


<HTML>
   <HEAD>

   </HEAD>
   <BODY>

      <select> 
        <?php while($row1 = mysqli_fetch_array($result)):;?>
            <option value="<?php echo $row1[0];?>"><?php echo $row1[1];?></option>
            <?php endwhile;?>
      </select>


      <select> 
      <option value="<?php echo $row1[0];?>">
      <?php echo $row1[0];?>
      </option>
      </select>
   </BODY>
</HTML>

【问题讨论】：

那行不通。 PHP 是一种预处理语言，需要为文件添加必要的 .php 扩展名。
您可以为此使用 AJAX。 w3schools.com/xml/ajax_php.asp

标签： javascript php jquery html mysql

【解决方案1】：

在目录中创建一个 .htaccess 文件并将此代码添加到 .htaccess 文件中

AddType application/x-httpd-php .html .htm

或

AddHandler x-httpd-php .html .htm

【讨论】：

【解决方案2】：

我解决了导入 jQuery 的问题，并制作了一个从 php 文件中接收 json 格式数据的脚本，该脚本将 json 转换为 html 格式，并将其附加到 html 文件中的正确位置

【讨论】：

【解决方案3】：

创建一个php文件getdata.php

<?php 
$user = "root";
$pass = "root";
$db = "dbname";

$connect = new mysqli('localhost', $user, $pass, $db) or die("You Fail");
$query ="SELECT * FROM `tableName`";
$result = mysqli_query($connect,$query);

while($row1 = mysqli_fetch_array($result)){
   print_r($b_option[]="<option value='".$row1[0]."'>".$row1[1]."</option>");
} ?>

然后为您的选择框提供 id 在您的 html 文件中添加 ajax 代码

    <html>
   <body>

      <select id="select_data"> 

      </select>
   </body>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
                $.ajax({
                    url:"getdata.php",
                    type:"post",
                    success:function(data){
                        $("#select_data").html(data);
                    }
                });
             });
</script>
</html>

请确保您在 ajax 代码之前添加了 jquery.min.js 文件

【讨论】：