Fetching textbox value at button click JQuery

Question

i need to alert entered textbox value so i am doing it as follow. Html code:

<input type="text" id="textbox1"  class="cal" />

JQuery code:

$(document).ready(function () {
    var get = $("#textbox").val();
   $("#calculate").click(function () {
     alert(get);

    });
});

At click,it always says undefined.Why? Thanks.

Flash · Accepted Answer · 2012-08-27 06:52:48Z

4

Change

var get = $("#textbox").val();

To

var get = $("#textbox1").val();

So the id you are targetting matches your HTML, and put it inside your event handler:

$(document).ready(function() {
   $("#calculate").click(function () {
       var get = $("#textbox1").val();
       alert(get);
    });
});

So you are getting the value when you click the button rather than on document load.

answered Aug 27, 2012 at 6:52

Flash

16.9k15 gold badges74 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xdazz · Accepted Answer · 2012-08-27 06:53:28Z

1

Your id is textbox1, and you should get the value when clicked, or you just get the initial value.

$(document).ready(function () {
   $("#calculate").click(function () {
       alert( $("#textbox1").val());
    });
});

answered Aug 27, 2012 at 6:53

xdazz

161k38 gold badges255 silver badges278 bronze badges