Javascript 根据显示mysql数据库php主题选项的两个下拉列表，从下拉列表中选择选项_Javascript_Php_Jquery_Html_Mysql

Javascript 根据显示mysql数据库php主题选项的两个下拉列表，从下拉列表中选择选项

javascript php jquery html mysql

Javascript 根据显示mysql数据库php主题选项的两个下拉列表，从下拉列表中选择选项,javascript,php,jquery,html,mysql,Javascript,Php,Jquery,Html,Mysql,溪流 1CSE 2ECE 学期十一, 二十三三十五主题 1DBMS 2OS 3DCLD 4SS 以上三个字段都在数据库中，我想要的是当我从流下拉框中选择CSE，从学期下拉框中选择3，需要从主题下拉框中选择DBMS等等我已经为两个下拉框配置了选项选择，即Stream和Subject means。当我从Stream中选择选项时，相应的值已从Semmer下拉框中选择下面的代码运行良好。请帮助我从流和学期下拉选择主题代码如下： select.php fetch_data.php Main.p

溪流

1CSE

2ECE

学期

十一,

二十三

三十五

主题

1DBMS

2OS

3DCLD

4SS

以上三个字段都在数据库中，我想要的是当我从流下拉框中选择CSE，从学期下拉框中选择3，需要从主题下拉框中选择DBMS等等

我已经为两个下拉框配置了选项选择，即Stream和Subject means。当我从Stream中选择选项时，相应的值已从Semmer下拉框中选择

下面的代码运行良好。请帮助我从流和学期下拉选择主题

代码如下：

select.php

fetch_data.php

Main.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fetch Data Using Ajax</title>
<style type='text/css'>
  .hide{
    display: none;
  }
  .show{
    display: block;
  }
</style>
</head>
<body>
<form>
  <div>
    <label>
      Stream
    </label>
    <select id="stream">
      <option value="">Select Stream</option>
      <option value="CSE">CSE</option>
      <option value="ECE">ECE</option>
    </select>
  </div>
  <div>
    <label>
      Semester
    </label>
    <select id="sem">
      <option value="">Select Semester</option>
      <option value="1">1</option>
      <option value="2">3</option>
      <option value="3">5</option>
    </select>
  </div>
  <div id="subjectDiv" class="hide">
     <label>
      Subject
    </label>
    <select id='subject'>

    </select>
  </div>
</form>
 </body>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
$('#sem').change(function(){
  $.ajax({
    url:'getData.php',
    type:'POST',
    data:{
      stream : $('#stream').val(),
      sem : $('#sem').val()
    },
    success:function(result){
      console.log(result);
        $('#subject').html(result);
        $('#subjectDiv').removeClass('hide');
        $('#subjectDiv').addClass('show');
    }
  });
});
});

getData.php

<?php

$con = mysqli_connect('localhost','root','','test');

$query = "SELECT * FROM getdata WHERE stream = '".$_POST['stream']."' AND sem = ".$_POST['sem'];

$row = mysqli_query($con,$query);

echo "<option value=''>Select Subject</option>";
while($data = mysqli_fetch_assoc($row)){
  echo "<option value='".$data['subject']."'>".$data['subject']."</option>";
}
?>

也共享数据库表。@SujalPatel数据库屏幕截图已共享。感谢Sujal Patel的建议。但我认为存在一个非常小的问题。当我选择任何流和Sem时，相应的主题已经出现。但是，当我切换到另一个流并且不更改以前的sem值时，上一个流中的主题已经显示出来。但是如果我从1开始更改sem值，那么它将显示正确的主题。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fetch Data Using Ajax</title>
<style type='text/css'>
  .hide{
    display: none;
  }
  .show{
    display: block;
  }
</style>
</head>
<body>
<form>
  <div>
    <label>
      Stream
    </label>
    <select id="stream">
      <option value="">Select Stream</option>
      <option value="CSE">CSE</option>
      <option value="ECE">ECE</option>
    </select>
  </div>
  <div>
    <label>
      Semester
    </label>
    <select id="sem">
      <option value="">Select Semester</option>
      <option value="1">1</option>
      <option value="2">3</option>
      <option value="3">5</option>
    </select>
  </div>
  <div id="subjectDiv" class="hide">
     <label>
      Subject
    </label>
    <select id='subject'>

    </select>
  </div>
</form>
 </body>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
$('#sem').change(function(){
  $.ajax({
    url:'getData.php',
    type:'POST',
    data:{
      stream : $('#stream').val(),
      sem : $('#sem').val()
    },
    success:function(result){
      console.log(result);
        $('#subject').html(result);
        $('#subjectDiv').removeClass('hide');
        $('#subjectDiv').addClass('show');
    }
  });
});
});

<?php

$con = mysqli_connect('localhost','root','','test');

$query = "SELECT * FROM getdata WHERE stream = '".$_POST['stream']."' AND sem = ".$_POST['sem'];

$row = mysqli_query($con,$query);

echo "<option value=''>Select Subject</option>";
while($data = mysqli_fetch_assoc($row)){
  echo "<option value='".$data['subject']."'>".$data['subject']."</option>";
}
?>