JavaScript - Getting and Setting the value from an input text field with jQuery

Was this helpful?

0 votes

I have an input text field

<input type="text" id="empName"/>

I need to write a value to this field and retrieve the existing value using jQuery? How can I do that?

Sep 24, 2016.

share edit

Vanja Paterno
{ 50 - 1 - 0 }

add comment

1 Answers

Was this helpful?

0 votes

Set the value of the input text field whose id is empName

$('#empName').val('John');

Get the value of the empName field

var name = $('#empName').val();

Sep 24, 2016.

share edit

Prabhakar Madhukar
{ 50 - 1 - 0 }

There is an important distinction, however ... $('#empName').val(); returns the current value of the text field, for instance whatever the user typed something there after a page load. But $('#empName').attr('value') returns the original value that was there before editing the input field, the one in the DOM/HTML markup itself. -- Yannis Alexis, Sep 23, 2016

add comment

Your Answer

We'll remember your Answer.

asked	Sep 23, 2016
viewed	516 times
active	Sep 24, 2016

Looking for a job?

Senior .NET Developer

Startup (stealth)

London, UK

Chief Software Architect .NET

Groundswell Cloud Solutions

Vancouver, Canada

VB.NET Developer

JP/Morgan Chase

Dallas, Texas

Front End Developer

Microsoft

Seattle

•	Updating a CSS class property in real-time
•	Client-side MVC pattern
•	Difference between jQuery and Angular
•	Difference between jQuery and Angular
•	Difference between jQuery and Angular
•	Difference between jQuery and Angular
•	How to detect a click outside an HTML element?
•	Server Side Rendering in JavaScript?
•	SQL Select only rows with MAX columns value
•	How to create pretty URLs in Angular