如何处理放置在不同脚本标签中的两个不同的ajax？

Question

我有一个包含 3 个下拉列表和 1 个提交按钮的页面，在选择顶部下拉值时，使用 ajax 自动填充。然后使用提交按钮提交信息，为此，我在不同的脚本标签中编写了ajax。

这里的问题是第一个 ajax 工作正常，但第二个 ajax 不起作用，我知道不允许 2 个 ajax 调用。

我试图通过在同一页面上编写 PHP 来做到这一点，但在重新加载页面时，先前选择的信息会自动提交。

    <form style="margin: 10px 50px 10px 50px;" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="POST">

                      <div class="row">

                        <div class="col-md-12">

                          <div class="form-group">Book Name

                            <select class="form-control" id="sel_book">

                                <option value='0'>---Select---</option>

                                <?php

                                foreach($result as $key=>$rs):

                                {

                                ?>

                                    <option value="<?php $key; ?>"> <?php echo $rs[1];?> </option>

                                <?php

                                }

                                endforeach;

                                ?>

                            </select>

                          </div>

                        </div>

                      </div>

                      <div class="row" >

                        <div class="col-md-12" >

                          <div class="form-group">Member ID

                          <select class="form-control" id="sel_uid">

                          </select>

                          </div>

                        </div>

                      </div>

                      <div class="row" >

                        <div class="col-md-12" >

                          <div class="form-group">Member Name

                          <select class="form-control" id ="sel_uname">

                          </select>

                          </div>

                        </div>

                      </div>

第二个脚本运行正常，但是没有对PHP页面进行ajax调用。