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

Question

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

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

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

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

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

Answer 1

请改用attr 。
$('#link').attr('value', 'new value');

演示

Answer 2

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

Answer 3

扩展一下里卡多的回答： https : //stackoverflow.com/a/11873775/7672426

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

关于 val()

使用此方法（或使用本机 value 属性）设置值不会导致更改事件的调度。 因此，不会执行相关的事件处理程序。 如果你想执行它们，你应该在设置值后调用 .trigger( "change" ) 。

Answer 4

这只是发生在我身上的一种可能情况。 好吧，如果它对某人有帮助，那就太好了：我编写了一个复杂的应用程序，在代码的某处我使用了一个函数在显示之前清除所有文本框值。 一段时间后，我尝试使用 jquery val('value') 设置文本框值，但在调用 ClearAllInputs 方法之后我没有注意到这一点......所以，这也可能发生。

Answer 5

$('#link').prop('value', 'new value');

说明：Attr 将在 jQuery 1.6 上工作，但从 jQuery 1.6.1 开始，情况发生了变化。 在大多数情况下， prop() 做 attr() 过去做的事情。 在代码中用 prop() 替换对 attr() 的调用通常会起作用。 Attr 会给你元素的值，因为它是在页面加载的 html 中定义的，prop 会给出通过 jQuery 修改的元素的更新值。

Answer 6

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

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

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

Answer 7

<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'>

Answer 8

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

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

上述解决方案都不适合我，所以我进一步调查并发现：

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

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

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