如何顯示基於下拉值的表格？

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頁面中顯示的響應。 您可以在下面的鏈接中查看完整的代碼

單擊此處查看下拉菜單的完整代碼