Grabbing data from HTML form and using within JavaScript Function

Question

0.00/5 (No votes)

See more:

I have following HTML page that uses XHTML 1.0 that used to grab a value from an HTML form and display it using a JavaScript function. The JS function and the full source code is at the below.

XML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title><!-- Insert your title here --></title>
    <script type="text/javascript">
        
        function testVariable(){
            
            var strText = document.getElementById("textone");
            document.write(strText);
                    
        }
        
        
    </script>
</head>

<body>

<form action="" method="get" >
    
    <input type="text" id="textone" name="textone"></input>
    <input type="button" value="Submit" onclick="testVariable();false"></input>
      
</form> 
</body>
</html>

But my output is like at the below.

-----Output--------

[object HTMLInputElement]

-------------------

I can't figure out what I ahve done wrong. So could someone help me to solve this matter?

Thanks & regards,
Chiranthaka.

Posted 14-Jul-14 20:14pm

Chiranthaka Sampath

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2014-07-14T20:27:00

Solution 1

You were printing the control object, should be its value instead:

document.write(strText.value);

Posted 14-Jul-14 20:27pm

Peter Leow

Updated 14-Jul-14 20:29pm

v2

DamithSL · Accepted Answer · 2014-07-14T20:28:00

Solution 2

Demo[^]
try with

JavaScript

document.write(strText.value);

Posted 14-Jul-14 20:28pm

DamithSL

Comments

Chiranthaka Sampath 15-Jul-14 2:48am

Ok its working fine. Now I want to display it just below the form. How am I suppossed to do that?

DamithSL 15-Jul-14 2:52am

http://jsfiddle.net/ZHEm5/1/[^]

Chiranthaka Sampath 15-Jul-14 3:15am

Ok all my problems were cleared by you. Thanks for the help.

Thanks,
Chiranthaka

confusedtushar 1-Mar-18 4:59am

@damithSL i need to display whole form on same page.
can u help