Why doesn't the value attribute of the input change?

html, javascript

Solution

The `value` attribute is not synced with the actual value; that's what the `value` property is for.

This is not a problem though since you'll never use `.getAttribute('value')` but use the property `.value` to access the current value.

Problem

Well I have this code in view: ``` <input id="CI.SiteName" type="text" value="" name="@@CI.SiteName" disabled=""> ``` and then I doing some event that would call this function: ``` chooseSite = function () { var url = "/main/Ajax/GetSiteDetail?" + "&cid=" + escape(idSite); var ajx = sendAJAX(url, true); ajx.onreadystatechange = function () { if (ajx.readyState == 4) { var result = ajx.responseText; result = "TOP"; document.getElementById("CI.SiteName").value = result; } } } ``` in browser it changed to "TOP" but when I inspect element with firebug, the VALUE attribute of INPUT still "", not changed.

Original source

Related problems