javascript - jQuery 用 val() 改变值 - 元素并不总是显示新值

Question

我试图用$('#voucherID_id').val('LF3L3DAF6X');. 这在大多数情况下都有效，但是在某些情况下（可能是由于我使用 jQUery + Google Chrome 的方式），该元素不会显示新值。但是，如果我单击元素，则值会发生变化。

作为例证。我有一个带有 value 的输入元素LF3L3DAF6X，但是它QUXJOJJUDZ在浏览器上显示完全不同的值。这可能是什么原因？

截屏：

HTML

<div class="controls">
    <input id="voucherID_id" name="voucherID" type="text" value="LF3L3DAF6X">
    <span class="help-inline"></span>
</div>

jQuery

if (elem.is(":checkbox") && !nested){
    elem.prop('checked', aData[propertyName]);
}
else if ((elem.is(":text") || elem.is(":input[type='number']") || elem.is(":input[type='hidden']")) && !nested){
    elem.val(aData[propertyName]);
}

Answer 1

尝试这个

HTML

input type="text" placeholder="凭证ID" id="凭证"

jQuery

var VoucherID='WTWEYUYQWHB'

$('#Voucher').val(VoucherID);