javascript - 如何用数据库填充在 javascript 中创建的选择？

Question

我正在javascript中创建一个选择，并使用此语句用数据库中的数据填充选项，但我没有加载选项中的数据，也没有在进入页面时加载选择，什么我做错了吗？

var option1 = document.createElement("select");
option1.setAttribute("name","select1");
option1.setAttribute("id","select1"+largo);
option1.className ="select";


var miOption1=document.createElement("option");
<?php
  $stmt=user($conn);
  $arr = $stmt->fetchAll(PDO::FETCH_ASSOC);
  foreach ($arr as $row) {
miOption1.setAttribute("value",".$row['us_id'].");
miOption1.setAttribute("label",".$row['us_nom'].");

    }
 ?>  

  option1.appendChild(miOption1);

Answer 1

问题在于您没有正确输出和使用代码。您混合了 Javascript 和 PHP。

我想你想要这样的东西:

var option1 = document.createElement("select");
option1.setAttribute("name","select1");
option1.setAttribute("id","select1"+largo);
option1.className ="select";

// PHP code interpreted by server
<?php
  $stmt=user($conn);
  $arr = $stmt->fetchAll(PDO::FETCH_ASSOC);

  foreach ($arr as $k => $row)
  {
      // Output code
      echo 'var miOption'.$k.'=document.createElement("option");'
      echo 'miOption'.$k.'.setAttribute("value",'.$row['us_id'].');'
      echo 'miOption'.$k.'.setAttribute("label",'.$row['us_nom'].');'
      echo 'option1.appendChild(miOption'.$k.');'
    }
 ?>

yourElement.appendChild(option1);