Ajax опубликовать ответ в переменной php на той же странице

Question

Я хочу получить ответ об успехе из поста ajax в моем php _ $ POST на той же странице, чтобы я мог сделать его переменной и работать с ним дальше. Сообщение ajax работает, когда я публикую его с идентификатором абзаца, но страница больше не увидит сообщение. Ответ должен быть идентификатором из значения параметра выбора.

Я пытался работать без URL-адреса, чтобы публикация была на той же странице, но затем она отображает все содержимое моей страницы, а не ответ успеха, и с URL-адресом я не знаю, как показать его на странице индекса. .

Страница указателя:

$query = $conn->query("SELECT Opleidingnaam, OpleidingID FROM Opleidingen
INNER JOIN PsKpEntity ON Opleidingen.OpleidingID = PsKpEntity.PsID
WHERE PsKpEntity.deleted = 0 ORDER BY Opleidingnaam");


echo '<select id="oplselect" class="oplselect" name="opleidingen">';
echo '<option value="">Selecteer opleiding</option>';

while ($row = $query->fetch(PDO::FETCH_ASSOC)) {
   echo "<option value='" . $row['OpleidingID'] ."'>" . $row['Opleidingnaam'] ."</option>";
}

echo '</select>';
echo '<input type="submit" name="submit" id="oplsubmit" value="Volgende stap" class="nexttab"> </input>';




?>

    </div>
    <div class="tab-pane" id="datumlocatie">
    <div class="showoplnaam"></div>
  <?php

$opleidingid = $_POST['opleidingid'];
echo $opleidingid;

?>
<p id="test"></p>

js ниже index.php в нижнем колонтитуле

$("#oplsubmit").click(function(){
                var opleidingid = $('#oplselect option:selected').val();
                $.ajax({
                type: "POST",
                url: "/wp-content/themes/tweb/oplselect.php",
                data: {'selected':opleidingid},
                success: function(data){
                    console.log(data);
                  //  $('#test').html(data);
                },
                error: function(e){
                    console.log(e.message);
                }
            });

              var li_count = $('.nav-tabs li').length;
              var current_active = $('.nav-tabs li.active').index();

              if(current_active<li_count){
                $('.nav-tabs li.active').next('li').find('a').attr('data-toggle','tab').tab('show');
                var txt = $(".oplselect option:selected").text();
                var val = $(".oplselect option:selected").val();
                $('.showoplnaam').html('Uw selectie: ' + txt);      

              }else{

              }
            });

oplselect page

<?php

$opleidingid = $_POST['opleidingid'];
echo $opleidingid;


?>