displaying result of HTML form on with js function

Question

I know that you cannot really have variables in html, but I'm wondering if this is possible. I have searched around and cannot find anything that clearly answers my question. Hopefully someone hear can point me in the right direction. Here's what I have in mind:

<!DOCTYPE html>
<html>
<body>

<input type="text" name="test">
<input type="submit" onclick="myFunction(test)">
<script type="text/javascript">
function myFunction(test)
{
alert("Welcome " + test);
}
</script>

</body>
</html>

Would this work or something like it? Thanks, Sam

To answer your question, no, that would not work, as test doesn't have any value. — Matt
– Matt, Commented Aug 16, 2012 at 15:22
to alert the value of the text input, sorry for being unclear — Sam Creamer
– Sam Creamer, Commented Aug 16, 2012 at 15:23
javascript can grab the values of inputs from the document. Read up on how to do this. — Matt
– Matt, Commented Aug 16, 2012 at 15:23

Robot Woods · Accepted Answer · 2012-08-16 15:23:41Z

3

If you mean using the contents of an input as a variable:

<!DOCTYPE html>
<html>
<body>

<input type="text" id="some_id" name="test">
<input type="submit" onclick="myFunction(document.getElementById('some_id').value)">
<script type="text/javascript">
function myFunction(test)
{
alert("Welcome " + test);
}
</script>

</body>
</html>

answered Aug 16, 2012 at 15:23

Robot Woods

5,6872 gold badges24 silver badges30 bronze badges

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

Comments

Matt · Accepted Answer · 2012-08-16 15:33:08Z

0

What I understood from your question is you want to access <input> and send it to function(test) try this:

<input type="text" name="test" id="test"> <-- Give ID here
<input type="submit" onclick="myFunction(test)"> <--Send same ID here
<script type="text/javascript">
function myFunction(test)
{
alert("Welcome " + test.value);
}
</script>

</body>

edited Aug 16, 2012 at 15:33

Matt

7,0504 gold badges31 silver badges50 bronze badges

answered Aug 16, 2012 at 15:24

user1122857

2 Comments

Matt Over a year ago

don't you want to pass document.getElementById('test') to myFunction()?

user1122857 Over a year ago

@Matt the question was unclear, as I have said I have answered what I understood from question. I thought the guy wanted to send test as parameter to his method to get it's value.

Collectives™ on Stack Overflow

displaying result of HTML form on with js function

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related