jQuery .val更改不会更改输入值

我有一个HTML输入，其值中包含一个链接。

<input type = 'text' value = 'http://www.link.com' id = 'link' />

我正在使用jQuery更改某个事件的值。

$('#link').val('new value');

上面的代码更改了文本框的值，但未更改代码中的值（value ='http://www.link.com'保持不变）。我还需要=来更改值。

使用attr代替。
$('#link').attr('value', 'new value');

演示

更改value属性不会更改defaultValue。在代码（用.html()或检索innerHTML）中，value属性将包含defaultValue，而不是value属性。

扩大里卡多的答案：https : //stackoverflow.com/a/11873775/7672426

http://api.jquery.com/val/#val2

关于val（）

使用此方法（或使用本机值属性）设置值不会导致更改事件的分派。因此，将不执行相关的事件处理程序。如果要执行它们，则应在设置值后调用.trigger（“ change”）。

这只是发生在我身上的一种可能情况。好吧，如果它对某人有帮助，那就太好了：我编写了一个复杂的应用程序，在代码的某个地方，我使用了一个函数来清除所有文本框的值，然后再显示它们。以后的某个时候，我尝试使用jquery val（'value'）设置文本框值，但是在此之后，我没有立即调用ClearAllInputs方法。

我的类似问题是由于选择器中包含特殊字符（例如句点）引起的。

解决方法是转义特殊字符：

$("#dots\\.er\\.bad").val("mmmk");

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
function changes() {
$('#link').val('new value');
}
</script>
<button onclick="changes()">a</button>
<input type='text' value='http://www.link.com' id='link'>

对我来说，问题是更改此字段的值不起作用：

$('#cardNumber').val(maskNumber);

上面的解决方案都不适合我，因此我进一步调查发现：

根据DOM 2级事件规范：当控件失去输入焦点并且自获得焦点以来其值已被修改时，将发生更改事件。这意味着更改事件旨在通过用户交互触发更改。程序更改不会导致触发此事件。

解决方案是添加触发函数，并使其触发更改事件，如下所示：

$('#cardNumber').val(maskNumber).trigger('change');

仔细检查是否有多个具有非唯一ID的元素！这就是我的foreach循环和ID重复的情况。