Javascript 使用select1上的选定值填充select2，而无需刷新页面或使用按钮

我是一个PHP、Javascript的初学者，我想在不刷新页面或使用按钮的情况下，使用selectpeoplenames上的selectvalue填充selectinfo

这是我的密码

HTML:

PHP

---

我需要在代码中添加什么？请告诉我是否有其他解决方案，谢谢

我建议执行一些jQuery来检测选择框上的更改事件，然后检测所选值

在后端，我将创建一个接收所选id/值的PHP端点，并返回所需的SQL结果

使用on change事件，使用Jquery$.post将所选值传递给php代码，然后获取响应并使用该用户信息更新页面上的分区

例如：

$("#peoplesnames").change(function(){
    var id = $('#peoplesnames :selected').val();
    $.post( "test.php", { id: id}).done(function( data ) {
          $("#info p").text(data);
       });

});

这将检测select值何时更改，获取所选项目的值，将该值传递给PHP脚本，从中获取响应并将其添加到info部分的标记中

您的PHP脚本可能看起来像：

<?php
   $id = $_POST['id'];
   $request = mysql_query('SELECT * FROM people where id = $id');
   $data = mysql_result($request);

   $response = "The person named ".$data['name']." is ".$data['age']." and lives in ".$data['city']." Happily everafter.";
   return $response;

 ?>

当然，您需要按照自己的意愿对其进行格式化，但这应该会在每次更改组合框的选择时提取特定人员的数据并填充一个分区

<?php
   $id = $_POST['id'];
   $request = mysql_query('SELECT * FROM people where id = $id');
   $data = mysql_result($request);

   $response = "The person named ".$data['name']." is ".$data['age']." and lives in ".$data['city']." Happily everafter.";
   return $response;

 ?>