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选择器，.是类选择器。

$('#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());
});

我的jquery代码让我发疯了

3 个答案: