jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了为什么jquery .val()只更改隐藏输入字段的值属性?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我们使用一些非常简单的jQuery来更改文本字段的值

<input type="text" name="rabatt" id="sonderrabatt" value="">
var sonderrabatt = 10;
$('#sonderrabatt').val(sonderrabatt);

这会更改浏览器中显示的值,但不会更改源代码中文本字段的value属性.

现在,虑一下:

<input type="hidden" name="rabatt" id="sonderrabatt" value="">
var sonderrabatt = 10;
$('#sonderrabatt').val(sonderrabatt);

将输入类型更改为隐藏,值属性更改!

1.这是否意味着我们必须执行以下操作来更改浏览器中显示的输入字段值及其源代码中的value属性?:

<input type="text" name="rabatt" id="sonderrabatt" value="">
var sonderrabatt = 10;
$('#sonderrabatt').val(sonderrabatt);
$('#sonderrabatt').attr('value',sonderrabatt);

2.为什么.val()适用于type = hidden而不适用于type = text输入字段?

解决方法

.val()更改元素属性值,而不是属性值.属性是html在初始渲染时显示属性,属性包含DOM对象中的实际值,可以多次更改但在初始渲染后可能不会在HTML中显示.

.val(myvalue)是.prop(‘value’,myvalue)的简写

在纯JavaScript中

element.value = myValue; // set property on DOM object
element.setAttribute('value',myvalue); // set attribute on HTML element

只记得

> DOM元素(HTML) – >属性
> DOM对象(JS) – >性能

有关

> .prop() vs .attr()

@H_675_51@

大佬总结

以上是大佬教程为你收集整理的为什么jquery .val()只更改隐藏输入字段的值属性?全部内容,希望文章能够帮你解决为什么jquery .val()只更改隐藏输入字段的值属性?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。