2017-11-22 11 views
2

おはよう、データベースから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> 
+0

これはうまくいきません。 'PHP'は前処理言語であり、ファイルに必要な' .php'拡張子が必要です。 –

+0

これにはAJAXを使用できます。 https://www.w3schools.com/xml/ajax_php.asp –

答えて

0

私はjQueryのをinmporting問題を解決して、reciveスクリプトを作成するファイル

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

OR

AddHandler x-httpd-php .html .htm 
0

を.htaccessファイル、ディレクトリで.htaccessファイルを作成し、このコードを追加します。 json形式のデータをphpファイルから取得し、スクリプトはjsonをhtml形式で転記し、htmlファイルの対応する場所に追加します。

0

HTMLファイルに

<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コードを追加するには、選択ボックスにIDを与えるその後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>"); 
} ?> 

PHPファイルを作成します。あなたはjqueryのを追加したことを確認してください。 min.jsファイルの前にajaxコード

関連する問題