如何从数据库中检索值并使用javascript在页面中显示

我有一个下拉字段，其中我有两个选项（速率高和速率低）。当我选择速率高时，它应按降序显示结果；如果我选择速率低，则应按升序显示结果。我尝试了一个不起作用的代码

我的html代码是：

<select id="ddlViewBy"  onchange="order()">
  <option value="high">Rate(high)</option>
  <option value="low">Rate(low)</option>
</select>

比率（高）
费率（低）

我的JavaScript代码是：

function order() { 
  var e = document.getElementById("ddlViewBy");
  var strUser = e.options[e.selectedIndex].value;

  if(strUser == 'high')
  {
  <?php
  $post->id="10";
  $mylink = $wpdb->get_results($wpdb->prepare("SELECT * FROM wp_biddings WHERE job_id = %d ORDER BY client_bill DESC", $post->id), ARRAY_A);
  if($_GET['bid_id'])
  {
    foreach ( $mylink as $row ) 
    {   
    $id= $row['user_id'];
    $nam=$row["name"];
    $stat=$row['state'];
    $cnty=$row['country'];
    $desc=$row["description"];
    $bid=$row['id'];
    $dat=$row['submission_date'];
    echo '<a href="../../wp-content/themes/businessfinder/profile_register.php?id=$id&view" target="_blank">';
    echo "<div class='mr-btm' style='width:98%'>";
    echo "<h3 style='text-transform:uppercase; line-height:0'><b>$name</b></h3>";
    echo "<p style='color:#808080; text-transform:uppercase;'>$stat,$cnty</p>";
    echo "<p style='color:#808080;'>$desc</p>";
    echo "<date style='color:#35cbc9;'>categories : </date>";
    echo "<date style='color:#808080;'>";
    if($row["plumbing"] != '')
    echo $row["plumbing"]; 
    if($row["electrical"] != '') 
    echo $row["electrical"];
    if($row["heating"] != '')
    echo ",".$row["heating"]; 
    if($row["ventilation"] != '')
    echo ",".$row["ventilation"]; 
    if($row["flooring"] != '')
    echo ",".$row["flooring"]; 
    echo ".</date>";

    echo "<table class='btm-cm'><tr><td>";
    echo "<date style='color:#35cbc9;'> Id : </date><date style='color:#808080;'>$bid</date> </td> <td style='color:#35cbcp;'>  | </td><td>"; 
    echo "<date style='color:#35cbc9;'> submitted on:  </date><date style='color:#808080;'>$dat</date></td></tr></table></div></a>";
    }
  }
  else
  {
  echo "nothing found";
  }
}
?>
}
else if(strUser == 'low')
{
<?php
$post->id="10";
$mylink = $wpdb->get_results($wpdb->prepare("SELECT * FROM wp_biddings WHERE job_id = %d ORDER BY client_bill ASC", $post->id), ARRAY_A);
  if($_GET['bid_id'])
  {
    foreach ( $mylink as $row ) 
    {   
    $id= $row['user_id'];
    $nam=$row["name"];
    $stat=$row['state'];
    $cnty=$row['country'];
    $desc=$row["description"];
    $bid=$row['id'];
    $dat=$row['submission_date'];
    echo '<a href="../../wp-content/themes/businessfinder/profile_register.php?id=$id&view" target="_blank">';
    echo "<div class='mr-btm' style='width:98%'>";
    echo "<h3 style='text-transform:uppercase; line-height:0'><b>$name</b></h3>";
    echo "<p style='color:#808080; text-transform:uppercase;'>$stat,$cnty</p>";
    echo "<p style='color:#808080;'>$desc</p>";
    echo "<date style='color:#35cbc9;'>categories : </date>";
    echo "<date style='color:#808080;'>";
    if($row["plumbing"] != '')
    echo $row["plumbing"]; 
    if($row["electrical"] != '') 
    echo $row["electrical"];
    if($row["heating"] != '')
    echo ",".$row["heating"]; 
    if($row["ventilation"] != '')
    echo ",".$row["ventilation"]; 
    if($row["flooring"] != '')
    echo ",".$row["flooring"]; 
    echo ".</date>";

    echo "<table class='btm-cm'><tr><td>";
    echo "<date style='color:#35cbc9;'> Id : </date><date style='color:#808080;'>$bid</date> </td> <td style='color:#35cbcp;'>  | </td><td>"; 
    echo "<date style='color:#35cbc9;'> submitted on:  </date><date style='color:#808080;'>$dat</date></td></tr></table></div></a>";
    }
  }
  else
  {
  echo "nothing found";
  }
}
?>
}
}
</script>

函数顺序（）{
var e=document.getElementById（“ddlViewBy”）；
var strUser=e.options[e.selectedIndex].value；
如果（strUser==‘高’）
{
将php视为一封信的作者，该信被放入信封中，然后以蜗牛邮递方式发送到浏览器。浏览器打开它，阅读它，然后运行说明。一旦它被发布，该信的作者就不能添加更多的内容

换句话说，PHP在服务器端执行，javascript在客户端执行

您将需要研究ajax

以下是入门指南
您展示的代码是PHP而不是JavaScript…我们可以在JavaScript中编写PHP代码，在什么环境下可以这样做？我们可以使用PHP生成JS代码，是的，但是如果不使用AJAX之类的工具，我无法在JS代码中执行PHP代码。即使这样，我们也只能触发一些PHP c从技术上讲，他也可以有一个JS数组变量，在页面运行之前用PHP中的数组值填充该变量，然后用JS输出html。或者他可以在页面加载后从html中检索该值，并对新数组进行排序，然后在dropdown@Tyblitz谢谢你的建议但是我不明白，你能不能说清楚或者举个例子，请