получить значения из отображаемой формы javascript (Ajax)

Question

В приведенном ниже коде пользователь выбирает тему, а сценарий ниже проверяет выбранную тему и отображает список вариантов тем в зависимости от темы, выбранной пользователем. Итак, мой вопрос: есть ли способ сделать форму в функционал скрипта, в котором есть способ получить определенное c значение топа c, которое выбирает пользователь.

<script>
function showUser() {
var subject=document.getElementById('subject').value;

if (subject == "maths") {
document.getElementById("form").innerHTML = "<?php echo"<form>
<select  id='topic'onchange='showuser()'>
<option value='algebra'>algebra</option>
<option value='calculus'>calculus</option>
</select></form>";?>";

var school=  document.getElementById("topic").value;

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("txtHint").innerHTML = this.responseText;
  }
};
xmlhttp.open("GET","get.php?subject="+subject+"& topic="+topic,true);
xmlhttp.send();
return;
}
else if (subject =="English"){

document.getElementById("form").innerHTML = "<?php echo"<form>
<select  id='topic'onchange='showUser()'>
<option value='verbs'>verbs</option>
<option value='nouns'>nouns</option>
</select></form>";?>";

var topic=  document.getElementById("topic").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("txtHint").innerHTML = this.responseText;
  }
};
xmlhttp.open("GET","get.php?subject="+subject+"& topic="+topic,true);
xmlhttp.send();
return;
}
else {
document.getElementById("form").innerHTML ="Invalid choice";
}
}
</script>