Javascript 使用选择选项值更改表格填充

我是

php

和

ajax

新手，希望显示一个充满数据库内容的表。我成功地做到了这一点，但现在我正试图用

选择
更改表内容。我知道有很多网站都在解释怎么做，但我不知怎么搞不懂。对我来说，最好的解决方案是在不重新加载页面的情况下更改表格，或者使用单独的按钮重新加载表格

我读过关于用ajax/javascript来做这件事的书，但是，正如我提到的，我对这些东西并不熟悉

下面是我已经运行的代码

PHP:


身份证件
邮寄

我的选择：

<select name="Choose" title="chose">
<option value="one" id="One">One</option>
<option value="two" id="Two">Two</option>
<option value="three" id="Three">Three</option>
</select>


一个
两个
三

我真的很感激一些代码或提示如何做到这一点。
以下是代码：

html:

Ajaxpage.php：



函数重载WithOptionValue（）{
document.FilterFrom.submit（）；
}
一个
两个
三

试试这个
用ajax试试……这里有一篇文章可能会帮助你开始……嘿，谢谢你的快速回答。我的计划是简单地更改每个选项的数据库查询。例如，如果我选择“一”，它会使查询像“选择id，来自wp用户的用户电子邮件”，而对于“二”，它有一个不同的查询像fe“选择id，来自wp用户的用户电子邮件，其中id=1”或一些完全不同的查询。再次感谢！
<select name="Choose" title="chose">
<option value="one" id="One">One</option>
<option value="two" id="Two">Two</option>
<option value="three" id="Three">Three</option>
</select>

<table id="tableid"> //mention id for a table
 ......
 ......
 </table>

// create an event for select
<select name="Choose" title="chose" onchange="getajax(this.value)">
<option value="one" id="One">One</option>
<option value="two" id="Two">Two</option>
<option value="three" id="Three">Three</option>
</select>

function getajax(value){
$.ajax({
type: "GET",
url: "Ajaxpage.php",
data: {text:value},
success: function(data) {
  $("#tableid").html(data);
}
});
}

<?php
$mysqlhost="localhost"; // 
$mysqluser="root"; //
$mysqlpwd=""; //
$mysqldb="wordpress"; //


$connection=mysqli_connect($mysqlhost, $mysqluser, $mysqlpwd); //use mysqli instead of mysql

mysqli_select_db($mysqldb, $connection);


$sql = "SELECT id, user_email FROM wp_users where someid='".$_GET['text']."'";  

$query = mysql_query($sql);
 while($row= mysql_fetch_array(query)){
 echo "<tr><td>".$row['id']."</td><td>".$row['user_email']."</td></tr>";

 }


?>

<script>
function reloadWithOptionValue(){
document.FilterFrom.submit();
}
</script>
<?php

$mysqlhost="localhost"; // 
$mysqluser="root"; //
$mysqlpwd=""; //
$mysqldb="wordpress"; //


$connection=mysql_connect($mysqlhost, $mysqluser, $mysqlpwd);

mysql_select_db($mysqldb, $connection);


$sql = "SELECT id, user_email FROM wp_users";  
if(isset($Choose) && !empty($Choose)){
      $sql.=" where id like '%$Choose%' or user_email like  '%$Choose%'";
}
$db_query = mysql_query($sql);


?>

<form method="post" name="FilterFrom">
<table cellpadding="1" cellspacing="3" border="1">

    <tr>

        <td>ID</td>

        <td>Mail</td>

    </tr>
<?php

  while ($adr = mysql_fetch_array($db_query)){

?>

    <tr>

        <td><?=$adr['id']?></td>

        <td><?=$adr['user_email']?></td>

    </tr>

<?php

  }

?>

</table>
<select name="Choose" title="chose" onchange="reloadWithOptionValue()">
<option value="one" id="One">One</option>
<option value="two" id="Two">Two</option>
<option value="three" id="Three">Three</option>
</select>
</form>