jquery - 私のjqueryコードで何かがおかしくなった

Question

select 要素を選択し、非表示要素に値を書き込むようにしています。

しかし、私の jquery コードが機能しない理由がわかりません。コンソールでもエラーが発生しません。

$('#subject').change(function() {
   $("#sub_id").val($(this).val());
})

<select id="subject">
    <option value="">Select</option>
    <option value="1">English</option>
    <option value="2">Science</option>
    <option value="3">Math</option>
</select>
<input type="hidden" class="sub_id" name="subjectId" />

Answer 1

非表示フィールドにはクラスが定義されていますが、それを ID セレクターとして使用していました。

このように使用する必要があります

$('#subject').change(function() {
   $(".sub_id").val($(this).val());
})

Answer 2

非表示フィールドにクラスの代わりに Id セレクターを使用しました。

DOM ロードの前に Element が利用可能である場合は、

$('#subject').change(function() {
   $(".sub_id").val($(this).val());
});

この要素を後でページに追加する場合。

$("#subject").on('change',  (function() {
   $(".sub_id").val($(this).val());
});

Answer 3

is id セレクターとis class セレクターに変更#します。. #.

$('#subject').change(function() {
   $(".sub_id").val($(this).val());
});