How to retrieve values from an input element in html

Question

I have this:

$(document).ready(function() {
    $("#center").click(function{ });
}

I know that you can get documentbyID with javascript. How do I get the value of a form input with jquery?

possible duplicate of [Jquery get form field value](http://stackoverflow.com/questions/11654449/jquery-get-form-field-value) — Dexygen, Mar 30 '15 at 18:15

Pratik Joshi · Answer 1 · 2015-03-30T18:24:39.200

0

To get value of a form input , use

$("#idOfInput").val();
$(".classOfInput").val();
$("[name='yourInputName']").val();

HTML

<form>
    <input type="text" name="yourInputName" class="classOfInput" id="idOfInput"/>
</form>

edited Mar 30 '15 at 18:24

answered Mar 30 '15 at 18:03

Pratik Joshi

The function for getting the value in jquery is `val()` – Alvaro Flaño Larrondo Mar 30 '15 at 18:13
Why downvotes ? I was falling asleep(its 12.15 AM here). It was just a typo. – Pratik Joshi Mar 30 '15 at 18:25

score -1 · Answer 2 · answered Mar 30 '15 at 18:10

Assuming you want to alert the value and you are using jquery:

function foo(){
    alert($("#myInput").val());
}

And your html:

<form>
    <input type="text" name="myInput" id="myInput"/>
</form>
<button onclick="foo()">Click</button>

Here is a fiddle as an example:

2 Answers2