jquery - 无法使用 jquery 设置隐藏输入值

Question

我的输入控件是

<input id="input_id" type="text" hidden value="1"/>

我尝试使用

为其设置值

$('#input_id').val(2);

但我不能。该值未设置。 但是当我这样写时，它就起作用了

<input id="input_id" type="hidden" value="1"/>

知道为什么吗？我只是在学习东西。

Answer 1

正在设置该值。您可以在下面的演示中看到这一点。该值已设置，然后控制台记录以显示更新的值。单击按钮显示输入并查看更新后的值。

我认为让您感到困惑的是 value 属性没有改变。如果您想更改 value 属性中显示的内容，请使用 $('#input_id').attr('value', 'new value');

console.log($('#input_id').val());

$('#input_id').val(4);

console.log($('#input_id').val());

$('#input_id').val('abc');

console.log($('#input_id').val());

$('#showInput').click(function() {
  $('#input_id').removeAttr('hidden');
});

$('#updateValueAttr').click(function() {
  $('#input_id').attr('value', $('#input_id').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input_id" type="text" hidden value="1"/>

<button id="showInput">Show Input</button>
<button id="updateValueAttr">Update Input Value Attribute</button>