Javascript 将下拉列表中的选定选项分配给jquery中的变量

我想从下拉列表中指定所选选项，使其成为

selectedSubject

变量，但我遇到了问题，我的代码有一半工作正常

selectedSubject = $('select#subject-options').val();

但是当选择不同的选项时，它不会改变？？ 需要为我正在创建的游戏进行更改吗

HTML:

---

我曾经遇到过7个不同的类似问题，但都找不到任何有助于我的东西，因此，如果有人能直接帮助我，或者让我回答另一个有助于我解决问题的问题。

在jQuery选择器中，您可以抓取

选择对象本身。您需要
选项
对象，尤其是
选中的对象

selectedSubject = $('select#subject-options option:selected').val();

在jQuery选择器中，抓取
select
对象本身。您需要
选项
对象，尤其是
选中的对象

selectedSubject = $('select#subject-options option:selected').val();

每次更改选择时，必须将事件处理程序添加到
#subject options
以更新
selectedSubject
变量

$('#subject-options').on('change', function() {
    selectedSubject = $('#subject-options option:checked').val();
});

每次更改选择时，必须将事件处理程序添加到
#subject options
以更新
selectedSubject
变量

$('#subject-options').on('change', function() {
    selectedSubject = $('#subject-options option:checked').val();
});