get textbox value in javascript

Question

I am getting text-box value in JavaScript. My text-box value is "xxxxx?000-1111". While I am trying to get this value from JavaScript function I am getting the value as [object%20HTMLDivElement].... can anyone tell me, What is the mistake I have made here.

Textbox and button, text box value is replaced from other method and shows well in page.

    function clDoc() {
            path = document.getElementById('val').value;
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

    <input type="text" id="clDoc" name="myn" value="" />
    <input type="button"  onClick="clDoc()" value="View" id="groupbtn" />

Javascript

    function clDoc() {
            path = document.getElementById('val');
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

If I tried with following I am getting alert as undefined.

    function clDoc() {
            path = document.getElementById('val').value;
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

Quentin · Accepted Answer · 2015-08-03 10:21:07Z

6

Compare:

path = document.getElementById('val').value;

where you get the value from the HTML Element Object and

path = document.getElementById('val');

where you get the HTML Element Object itself.

path = document.getElementById('val').value;

Now, you are getting the value property but you said that it was:

[object HTMLDivElement]

Div elements are not text inputs. They are not user editable and don't have values.

Maybe you want to get the innerHTML instead.

answered Aug 3, 2015 at 10:21

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Gayan · Accepted Answer · 2015-08-03 10:24:26Z

1

Hope this pluker will help

Plunker

Code is

function clDoc() {
            path = document.getElementById('clDoc').value;
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

answered Aug 3, 2015 at 10:24

Gayan

2,9017 gold badges50 silver badges93 bronze badges

1 Comment

Benjamin Over a year ago

Yep, wrong ID was used for document.getElementByID().

Collectives™ on Stack Overflow

get textbox value in javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related