Question

早上好，我必须在数据库的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>

Answer 1

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

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

OR

AddHandler x-httpd-php .html .htm

Answer 2

我解决了导入jQuery的问题，并制作了一个从php文件中恢复json格式数据的脚本，并且脚本以html格式转换json，并将其附加到html文件中的corret位置

Answer 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文件

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

3 个答案: