accessing value of input field by id using jquery

Question

suppose name of an id is store in a variable x (var x="big";), i was hoping to access the value of an input field whose id is big

eg

<script>
$(document).ready(function(){
    $('#btn').click(function(){

        var x="#"+$(this).attr("name"); ///works fine here
        alert($(x).value());   //hoping to get small but not working

    });


});


</script>
<input type="hidden" value="small" id="big" />
<input type="button" value="click" id="btn" name="big"/>

Answer 1

In your code:

$(x).value()

.value() is not a valid/standred jquery method. For getting the values of text-box, you should use .val() .

Try this:

$(document).ready(function(){
    $('#btn').click(function(){
        var x="#"+$(this).attr("name"); 
        alert($(x).val()); 
    });
});

Working Example

Answer 2

This method is val() :

alert($(x).val());

Live Demo:

http://jsfiddle.net/dreamweiver/4rjjf/

Answer 3

value is not function. change it to val(); here is demo

Demo

$(document).ready(function(){
    $('#btn').click(function(){

        var x=$(this).attr("name"); ///works fine here
        alert($("#"+x).val());   //hoping to get small but not working

    });


});