.val() returns text on button elements with <= IE7

[septemberbrain]

<script type="text/javascript"> $(document).ready(function(){

$('button').each(function(){

alert ($(this).attr('value')); alert ($(this).val());

})

});

</script>

<button id="AUT" value="AUT">Automotive</button> <button id="CON" value="CON">Consumer</button> <button id="ENT" value="ENT">Enabling Technologies</button> <button id="IND" value="IND">Industrial</button> <button id="NET" value="NET">Networking</button>

This script gives different values depending on whether you are using IE or another browser. Not sure if this is a bug or not but I thought someone should know.

David

[dmethvin]

Test case

[dmethvin]

I've attached a test case that works properly with IE8 and shows the difference between .value, .val(), and .attr("value"); I don't have IE6/7 handy right now but if someone can run the test case and attach output it might help.

[dmethvin]

OK, I got to an IE6 system and the test case indeed returns the innerText for *all* cases there. I also changed it to check this.getAttribute("value") and that is wrong as well. So I don't even see a way for jQuery to get the actual value property/attribute. See the community discussion here (near the bottom of the page):

​http://msdn.microsoft.com/en-us/library/ms535211%28VS.85%29.aspx

I'll leave the ticket open for now, but this looks like it will be a wontfix unless someone has a good solution.

[addyosmani]

As a more suitable solution (aside from improved documentation on the original issue) has not been proposed in the months since the original ticket was submitted, I agree with the original call by dmethvin to set this ticket to wontfix for now.

Please feel free to re-open if a working solution is found.

[jitter]

Acutally you can get at the really value of the value attribute like this

this.getAttributeNode("value").value

​live test case