html输入显示它发布的不同文本到值

Question

我感觉真的很蠢,不确定做某事真的很蠢......所以请原谅我.

我有以下HTML:

<input type="text" value="0" name="pcscubes" id="pcscubes">

我有以下jquery语法:

var cubes=123.2;
$("#pcscubes1").val(cubes);
var test=$("#pcscubes1").val();
alert(test);

当jquery执行时,输入框将显示123.2,警报将为123.2.

如果你检查html对象,值仍为0？

所以输入的显示与实际值不同.因此,当我提交此表单时,它会发布0而不是123.2

现在我用这种语法构建了一个完整的Web应用程序并且运行得很好.今天它停止工作？我重新启动了浏览器,检查了正在工作,注销和打开的旧代码,但它仍然是这样做的.

web app显然在这个表单上加载了jquery和jquery ui.

使用codeigniter？

任何想法,因为我正在敲打一些如此愚蠢的东西....

出于兴趣,我创造了下面的小提琴,它也在做同样的事情？ http://jsfiddle.net/49nqU/

当它显示123.2时为什么值为0？

一如既往地谢谢,

Answer 1

这是属性与属性的情况.

您在检查器中看到的是value 属性,当您以编程方式更新字段的属性时,该属性不会更新value .

不要理会DOM检查员说的话; 它只会显示加载页面时的值(除非您明确更改字段的值属性,而不是像jQuery val()那样更改其value 属性.)

进一步阅读:http://jquery-howto.blogspot.co.uk/2011/06/html-difference-between-attribute-and.html

一些属性与其财产对应物密切相关.也就是说,更新属性也会更新属性.例如,class属性及其className属性对应就是这种情况.value然而,是不同的; 更新属性不会更新属性(但是,为了进一步混淆,更新属性会更新属性!)