How Do I Pass Javascript Function Value To Textbox After Button Click?

Question

4.00/5 (1 vote)

See more:

here is my html codes

HTML

<input type="text" name="textBox" id="textBox"/>

<a input type="button" class="btn" id="btnSeven" >Generate Birthday</a>

this is my javascript function

JavaScript

<script>
        function myFunction()
        {
        alert("Page is loaded");
        }

C#

document.getElementById('btnSeven').onclick =  myFunction(){
 document.getElementById('textBox').value = document.getElementById('btnSeven').value;

});

</script>

now i want to pass function value to text box after i clicked the button.

Posted 24-Jun-14 17:58pm

Hemas Ilearn

Add a Solution

Comments

SRS(The Coder) 25-Jun-14 1:32am

What i understood from your question you want to set the text of the textbox to the value returned by the function you created. So i have added the solution as below. PLease let me know if my understanding is wrong any where ?

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)

SRS(The Coder) · Answer 1 · 2014-06-24T19:30:00

You can achieve this one very easily using jQuery.

For this you have to include the jQuery file to your page where you want to make use of it.
For me the jquery file is at root of the project itself.

HTML

<script src="jquery-2.0.3.js"></script>

Here is an example as per your code description :-

In page let say we have two elements like
1. Button

HTML

<input type="button" class="btn" id="btnSeven" value="Generate Birthday" />

2. TextBox

HTML

<input type="text" name="textBox" id="textBox" />

Then to set the textbox value on click of button by calling the method which returns the value :-

JavaScript

$(function () {
            $("#btnSeven").on("click", function () {
                $("#textBox").val(myfunction());
            });
        });

        function myfunction() {
            return "myvalue";
        }

Hope this will help. Please let me know if you need any more help on it.

SibeeshKV · Answer 2 · 2014-06-24T20:12:00

Solution 2

Just do like this

$(document).ready(function () {<br />
    $("#btnSeven").click(function () {<br />
        $("#textBox").val(myFunction());<br />
    });<br />
});

Posted 24-Jun-14 20:12pm

SibeeshKV

How Do I Pass Javascript Function Value To Textbox After Button Click?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us