dynamic addition of numeric values of textboxes in another textbox javascript
Hello everyone
you could try something like this:
Code:
<script language="javascript">
function getValues(){
var numVal1=document.getElementById("one").value;
var numVal2=document.getElementById("two").value;
var numVal3=document.getElementById("three").value;
document.getElementById("main").value = numVal1+"<br/>"+numVal2+"<br/>"+numVal3;
{
</script>
this is your html
HTML Code:
textbox1:<br/>
<input type="text" id="one" value="" />
textbox2:<br/>
<input type="text" id="two" value="" />
textbox3:<br/>
<input type="text" id="three" value="" />
<br/> <br/>
Main TextBox:<br/>
<textarea id="main" value="" > </textarea>
<input type="button" value="get text" onClick="getValues()" />
hope this helps.
Thank u
Thank u
ok try this.
HTML Code:
<script language="javascript" >
function getValues(){
var numVal1=document.getElementById("one").value;
var numVal2=document.getElementById("two").value;
var numVal3=document.getElementById("three").value;
document.getElementById("main").value = numVal1+"\n"+numVal2+"\n"+numVal3;
}
</script>
<style>
input.numbox{
width:30px;
height:20px;
}
textarea.mainbox{
width:200px;
height:100px;
}
</style>
textbox1:
<input class="numbox" type="text" id="one" value="" onkeyup="getValues()" /> <br/>
textbox2:
<input class="numbox" type="text" id="two" value="" onkeyup="getValues()" /> <br/>
textbox3:
<input class="numbox" type="text" id="three" value="" onkeyup="getValues()" /> <br/>
<br/>
Main TextBox:<br/>
<textarea style="mainbox" id="main" value="" > </textarea>
Last edited by shakeuk; 06-20-2008 at 07:24 AM .
hi
I want addition of numbers
hmm ok what about this.
HTML Code:
<script language="javascript" >
function getValues(val){
var numVal1=parseInt(document.getElementById("one").value);
var numVal2=parseInt(document.getElementById("two").value);
var numVal3=parseInt(document.getElementById("three").value);
var totalValue = numVal1 + numVal2 + numVal3;
document.getElementById("main").value = totalValue;
}
</script>
<style>
input.numbox{
width:30px;
height:20px;
}
textarea.mainbox{
width:200px;
height:100px;
font-size:30;
font-weight:bold;
}
</style>
textbox1:
<input class="numbox" type="text" id="one" value="0" onkeyup="getValues(1)" /> <br/>
textbox2:
<input class="numbox" type="text" id="two" value="0" onkeyup="getValues(2)" /> <br/>
textbox3:
<input class="numbox" type="text" id="three" value="0" onkeyup="getValues(3)" /> <br/>
<br/>
Main TextBox:<br/>
<textarea style="mainbox" id="main" value="" > </textarea>
hi
the code u sent is working but the thing is
i dont suppose you want to note the script so i can see whats going on, its hard to see a large script and know whats going on without someking of notation.
hi
ok.
what i ment was can you note the existing javascript as to explain how its working?
Ok
This code i tried to add the multiple values of text box.but there is a mistake in it
Originally Posted by
pavanbh
function getValues(){
can you please explain what this snippit of code is ment to be doing?document.getElementById("one").value; but why are you looping the same value and then adding just 1?
The code is wrong
I tought of storing the values in array and adding it.but it is wrong.
Hai,
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Reply With Quote
Originally Posted by pavanbh
Bookmarks