次のように、htmlページに文字列アイテムのリストがあります-
<h1><b>Subject Groups</b></h1>
<div id="listContainer">
<div class="listControl">
</div>
<ul id="expList">
<li>
Maths
<ul>
<li>
John Smith
</li>
<li>
Jane Smith
</li>
<li>
Elvis Presley
</li>
</ul>
</li>
<li>
Science
<ul>
<li>
Jane Smith
</li>
<li>
Kate Smith
</li>
</ul>
</li>
<li>
Literature
<ul>
<li>
Kate Smith
</li>
<li>
Tom Hanks
</li>
</ul>
</li>
<li>
<a href = "JavaScript:newPopup('new.html');"<b>New Student..</b></a>
</li>
</ul>
リストの最後にポップアップ フォームへのリンクがあり、新しい学生を入力し、その人が勉強している科目をチェックボックスで選択できます。
<form action="" style= "font-size: 16pt">
<h3> First Name: </h3>
<div class="input-group">
<input type="text" class="form-control">
<h3> Last Name: </h3>
<div class="input-group">
<input type="text" class="form-control">
<h3> Email Address: </h3>
<div class="input-group">
<input type="text" size="70" class="form-control">
</div><!-- /input-group -->
<h3> Select the subjects that this student will study: </h3>
<input type="checkbox" name="Maths" value="Maths">   Maths<br>
<input type="checkbox" name="Science" value="Science">   Science<br>
<input type="checkbox" name="Literature" value="Literature">   Literature>
<input type="button" class="btn btn-lg btn-primary btn-block" value="Submit" />
</form>
私の質問は、送信ボタンの onClick イベントを使用して、新しく作成された学生の名と姓を取得し、リストの適切な科目カテゴリに追加するにはどうすればよいですか? その背後にデータベースがなくてもそれは可能ですか?