jquery - 我的 jquery 代码让我发疯了

Question

我正在选择一个选择元素并将值写入隐藏元素。

但不知道为什么我的 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 选择器和.类选择器。

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

Answer 3

您已使用 Id 选择器而不是隐藏字段的类。

如果您的元素在 dom 加载之前可用，请使用

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

如果您稍后将此元素添加到页面。

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