Php 使用ajax一个接一个地填充3个下拉列表

我现在有一段代码，它使用上一个下拉列表中的值填充一个下拉列表，我现在的问题是如何使用第一个下拉列表提供的第二个下拉列表的结果填充第三个下拉列表

这是当前代码

accounttype将是第一个下拉列表。 accountcode将是基于accounttype结果的第二个下拉列表。 accounttitle应该是基于accountcode结果的第三个下拉列表

<div class="">
    <label>accounttype :</label>
    <select name="accounttype" id="accounttype">
      <option value=''>------- Select --------</option>
      <?php 
      $sql = "SELECT DISTINCT accounttype from earningsamendmentaccount";

      include 'query/sqlsrv_query-global.php';

      if(sqlsrv_num_rows($query) > 0) {
        while($row = sqlsrv_fetch_array($query, SQLSRV_FETCH_ASSOC)) {
          echo "<option value='".$row['accounttype']."'>".$row['accounttype']."</option>";
        }
      }
      ?>
    </select>

<label>accountcode :</label>
<select name="accountcode" id="accountcode"><option>------- Select --------</option></select>

<label>accounttitle :</label>
<select name="accounttitle" id="accounttitle"><option>------- Select --------</option></select>

  </div>

要填充我的第三个下拉栏，最好的方法是什么？我尝试为accounttitle创建一个单独的ajax，但没有成功。

您尝试过吗

$('#your_second_dropdown').on('change', ()=> {

// your code here...

})

---

非常感谢。这就是我错过的。它应该是另一个

.change（function（））

。它正在工作。

<?php
include 'includes/session.php';
if(isset($_POST['accountcode'])) {
    $accountcode=$_POST['accountcode'];
  $sql = "select accountcode, accounttitle from earningsamendmentaccount where accounttype='$accountcode'";

      $query = sqlsrv_query($conn, $sql, array(), array("Scrollable" => SQLSRV_CURSOR_KEYSET));

  if(sqlsrv_num_rows($query) > 0) {
    echo "<option value=''>------- Select --------</option>";
while($row = sqlsrv_fetch_array($query, SQLSRV_FETCH_ASSOC)) {
          echo "<option value='".$row['accountcode']."'>".$row['accountcode']."</option>";
    }
  }
} else {
  header('location: ./');
}
?>

$('#your_second_dropdown').on('change', ()=> {

// your code here...

})