How do I get the value of an input field with jQuery

Question

I am trying to set the inner html value of a field and that works fine but when I try to retrieve it it fails.

My code:

            var butId = buttonPressed.getAttribute('id');

            $('#will'+butId).remove();
            $('#hidDelete').html(butId);     //THIS WORKS FINE
            var temp = $('#hidDelete').html();   //THIS DOESNT
            alert (temp);      //THIS PRINTS NOTHING

My input field:

           <input id="hidDelete" type="hidden" name="hidDelete"/>

Can anyone see whats wrong with it?

Answer 1

尝试$('#hidDelete').val()而不是html()

Answer 2

$().html() is for accessing content from within a pair of tags, eg. <div>foo</div> . You want $().val() . That's for getting/setting the 'value' of input fields.

Answer 3

$('#hidDelete').html(butId);     //THIS WORKS FINE
var temp = $('#hidDelete').html();   //THIS DOESNT
alert (temp);      //THIS PRINTS NOTHING

Instead of above use below

$('#hidDelete').val(butId);     
var temp = $('#hidDelete').val();  
alert (temp); 

in jquery selector.html is used to get the inner html of elements. This should not be used for inputs type elements.