如何显示基于下拉值的表格？

Question

我在HTML上有一个下拉菜单，该菜单具有数据库表中的值。 它从表中获取值，并显示在下拉菜单中。 在该表中，我还有其他列。 我想在HTML网页上的下拉菜单下方显示一个表格，该下拉菜单用于选择下拉值，该表格根据该下拉值显示表格中的其他列值，即从该行的该行中获取值选择的值。 我怎样才能做到这一点？ 我的下拉菜单代码在这里：

 <label>Courses</label> <select name="courses" id="courses" class="dropdownclass"> <option selected="selected" value="" disabled selected hidden>-- Select an option --</option> <?php mysql_connect('localhost', 'root', ''); mysql_select_db('db'); $sql = "SELECT courses FROM table"; $result = mysql_query($sql); while ($row = mysql_fetch_array($result)) { echo "<option value=' " . $row['courses'] ."'>" . $row['courses'] ."</option>"; } ?> </select> 

Answer 1

使用Ajax。

$("#courses").change(function(){
var course = $(this).val();
$.ajax({
 url:'your php page url',
type:'post',
data:'course='+course,
success:function(response){
// your drop down box is in response
}
});
});

Answer 2

我认为您正在尝试制作一个可靠的下拉菜单。 为了使它顺利进行，您可以借助Ajax的帮助Ajax提供了实现此目的的实时体验。 首先，请在下拉菜单中为每个选项指定ID。 之后，根据该值获得第二个值。 请参阅以下代码以供参考。

$("#courses").change(function(){
   var course = $(this).val();
   $.ajax({
   url:'your php page url',
   type:'post',
   data:'course='+course,
   success:function(response){
   // your drop down box is in response
   },
   error:function(response){
   // your error message
   },

  });
});

之后，通过php创建一个页面，以给出将在html页面中显示的响应。 您可以在下面的链接中查看完整的代码

单击此处查看下拉菜单的完整代码