get the value of input type text in js

Question

In front page I have a input with type text. A button is created aside it. When button is clicked, in js I want to use the text in the input. But I get this error:

Cannot read property 'value' of null

frontpage:

New Name: <input type="text" name="newName" value= "blahblah" > </input> <button id="submitNewName">OK!</button>

Js:

$("#submitNewName").live('click',function(){ alert(document.getElementById('newName').value); });

Use getElementByName, not getElementById. But can easily be done by JQuery — Ahs N
– Ahs N, Commented Jul 30, 2015 at 13:13
getElementsByName, not getElementByName. This will return an array of elements — neilsimp1
– neilsimp1, Commented Jul 30, 2015 at 13:23
what version of jQuery are you using? live() has been deprecated for years — charlietfl
– charlietfl, Commented Jul 30, 2015 at 13:23

Rajaprabhu Aravindasamy · Accepted Answer · 2015-07-30 13:13:08Z

1

Try to use attribute selector to grab the element,

$("#submitNewName").on('click',function(){ alert($('[name=newName]').val()); });

As well as, don't use live() since it was deprecated in recent versions of jquery

DEMO

answered Jul 30, 2015 at 13:13

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

3 Comments

charlietfl Over a year ago

assumes that OP is using a version that supports on(). Could be working on an old project that hasn't been upgraded

mohammad eslahi sani Over a year ago

I upgraded Jquery and then this code solved my problem, thanks

Rajaprabhu Aravindasamy Over a year ago

@mohammadeslahisani Glad to help you. :)

Collectives™ on Stack Overflow

get the value of input type text in js

1 Answer 1

DEMO

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related