Freelance Web Developer

Jul 23, 2010

Jquery textbox value

If you think you are a master of Jquery, you may skip this post and should take a look at other rocking posts. Because i am writing this post for the jquery beginners they are searching google for the term "Jquery textbox value". So if you came from a search engine, you are welcome here.


I was playing with the google adwords and found that "Jquery texbox value" is a good keyword for a blog post. You should also use this tool.

I think you are just confused!! naah??. Dont worry, here is a simple solution of your problem. If you found it useful please leave a comment with codeword MOTYAR.

Have you tried - .val() ??


 <div style="padding:16px;">

    TextBox : <input type="textbox" value="Type something" id="textbox"></input>


<button id="Get">Get TextBox Value</button> 

<button id="Set">Set To "MOTYAR"</button> 

<button id="Reset">Reset It</button>

<h4>TextBox value : <label id="msg"></label></h4>


<script type="text/javascript">

    $("#Get").click(function () {






    $("#Reset").click(function () {





    $("#Set").click(function () {





You can see the working demo here.


You also can download the code from here.

Labels: ,

By :