How to get/set input box value in jQuery
Last Modified at 2019-06-25 21:29:27
<div dir="ltr" style="text-align: left;">Whether you are developing an ERP application or you are creating a simple form, sometimes you need to get input box value in a variable so that you can use it in your function or somewhere else where you want to. So, here in this post i m going to share with you a small tricks to get or set the value in a text box using jQuery method <i>val()</i>.<br /><br /><h2 style="text-align: left;">How to set input box value using jQuery</h2><div>To set the value in a text box field use below code:</div><div><br /><div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;"><pre style="line-height: 125%; margin: 0;"><span style="background-color: #ffaaaa; color: red;">$</span>(<span style="background-color: #fff0f0;">"#txt_name"</span>)<span style="color: #333333;">.</span>val(<span style="background-color: #fff0f0;">'value'</span>)<br /></pre></div><br /></div><div><h2 style="text-align: left;">How to get input box value using jQuery</h2></div><div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;"><pre style="line-height: 125%; margin: 0;"><span style="background-color: #ffaaaa; color: red;">$</span>(<span style="background-color: #fff0f0;">"#txt_name"</span>)<span style="color: #333333;">.</span>val();<br /></pre></div><div>Above code will return the current value of the input box.<br /><br /><br />Please do let me know your feedback on this small tutorial in the comment box below.</div></div>