Как добавить / удалить тему, когда студент нажимает кнопку «Добавить» / «Удалить»?

Question

Я новичок в PHP и jQuery. Я создаю систему онлайн-регистрации. Одна из функций этой системы заключается в том, что учащиеся могут добавлять и удалять предметы по одному, нажимая кнопки «Добавить» и «Отбрасывать» соответственно, если кредитный час студента превышает 20 часов.

Я пробовал некоторые jQuery и PHP.

jQuery:

$(document).ready(function(){
$("#add").click(function(){
$("#subjects").append('<br><br>Select Subjects(s):
<select><option value="blank"></option><option value="subject1">
Analysis and Design of Information Systems</option>
<option value="subject2">Data Communications and
Networking</option><option value="subject3">Database Development and
Applications</option><option value="subject4">Database
Systems</option><option value="subject5">DiscreteMathematics</option>
</select><br><br>Section:<select><option>Y1</option></select>');    
}); 

$("#drop").click(function(){
$("#subjects").hide(function(){
    });
});
});

Но проблема со скриптом JavaScript выше заключается в том, что, когда я нажимаю «Добавить», многие поля выбора добавляются ниже поля по умолчанию. Когда я нажимаю «Отбросить», все поля выбора (включая поле по умолчанию) исчезают.

Базовый код PHP:

echo "Select Subject(s): ";
echo "<select name=subject>";
echo "<option></option>";
echo "<option>Analysis and Design of Information Systems</option>";
echo "<option>Data Communications and Networking</option>";
echo "<option>Database Development and Applications</option>";
echo "<option>Database Systems</option>";
echo "<option>Discrete Mathematics</option>";
echo "</select>";
echo "<br><br>";
echo "Select Section: ";
echo "<select name=section>";
echo "<option>Y1</option>";
echo "</select>";
echo "<br><br>";
echo "<form action='' method='post'><input type='submit'
name='add_button' value='Add' /> <input type='submit' name='drop_button'
value='Drop' /></form>";

PHP:

if(isset($_POST['add_button'])){
echo "Select Subject(s): ";
echo "<select name=subject>";
echo "<option></option>";
echo "<option>Analysis and Design of Information Systems</option>";
echo "<option>Data Communications and Networking</option>";
echo "<option>Database Development and Applications</option>";
echo "<option>Database Systems</option>";
echo "<option>D iscrete Mathematics</option>";
echo "</select>";
echo "<br><br>";
echo "Select Section: ";
echo "<select name=section>";
echo "<option>Y1</option>";
echo "</select>";
echo "<br><br>";
echo "<form action='' method='post'><input type='submit' name='add_button' value='Add' /> <input type='submit' name='drop_button' value='Drop' /></form>";
}   

При использовании приведенных выше кодов PHP выбор темы улучшается. Если пользователь хочет добавить тему, он нажимает кнопку «Добавить», то под окном по умолчанию будет отображаться одно новое поле выбора. Когда он / она нажимает кнопку «Удалить», исчезает только одно новое поле выбора. Но добавление поля выбора появляется только один раз. Независимо от того, сколько кликов он / она нажимает на кнопку «Добавить», отображается только одно поле выбора.

Ожидаемый результат:

Новый выбор темы будет отображаться каждый раз, когда пользователь нажимает кнопку «Добавить». Выбор темы будет стираться каждый раз, когда пользователь нажимает кнопку «Удалить».

Могу ли я узнать, как решить мои ожидаемые результаты? Заранее спасибо.