How to insert a valueof variable into text box?

Well I know how to pass value of an item from drop down list to a text box, but this ones different. I'm very new to javascript and have no idea how to pass value calculated variable into a text box.

Expand|Select|Wrap|Line Numbers

 
function calct()

{

var un1=document.getElementById("unit").value;

var qn1=document.getElementById("qty").value;

var x1=eval(un1);

var y1=eval(qn1);

var z1=eval(x1*y1);

document.getElementById("subtl").value= z1;

}

and then i need the value of the variable subtotal in a text box with id subtl
I think its wrong because it gives me NaN as the value for my text box subtl

And i dont know how to generalize a function. I have multiple variable "unit" (unit1, unit2, unit3... ), "qty" (qty1, qty2, qty3...) and aslo 'subtl" so I was wondering if there is a way to use 1 function for all of them?

Aug 12 '09 #1

Subscribe Post Reply

14516

gits

5,390

Expert Mod 4TB

you shouldn't ever use eval. all values that you retrieve from a node are 'string'-values first ... so you could use the parseFloat() method to cast them to numbers, i.e.:

Expand|Select|Wrap|Line Numbers

var x1 = parseFloat(un1);

in case the value is not parsable as number then x1 will be NaN = NotANumber ... you could check that before the calculation and react with code :)

to the other point: please show a short example for it so that we could follow how you have your fields and how you want to call the function. basicly you could pass the ids of the nodes to the function and then use them as parameters inside the function.

kind regards

Aug 13 '09 #2

rjddude1

There are 6 more rows like this below:
Now I want a way to use the function showprice1 and calc1 in those 6 rows.

Expand|Select|Wrap|Line Numbers

 
function showprice1()

{

var itm=document.getElementById("item1");

document.getElementById("unit1").value=itm.options[itm.selectedIndex].value;

}

<tr>

<td><select id="item1" onchange="showprice1()">

<option value=0.00 selected>None</option>

<option value=0.95>Shirts</option>

<option value=2.75>Pants</option>

<option value=5.50>Dress</option>

<option value=8.90>Suit</option>

<option value=4.50>Bed Sheets</option>

<option value=3.00>Others</option>

</select>

<script type="text/javascript">

<!--

function calct1()

{

var un1=document.getElementById("unit1").value;

var qn1=document.getElementById("qty1").value;

var x1=parseFloat(un1);

var y1=parseFloat(qn1);

var z1=(x1*y1);

var sb1=z1.toFixed(2);

document.getElementById("sub1").value=sb1;

}

// -->

</script>

<td><input type="text" id="unit1" size="6" maxlength="6" value=0.00 readonly></td>

<td><input type="text" id="qty1" size="6" maxlength="6" value=0 onclick=(this.value="")></td>

<td><input type="submit" value="Calc" onsclick="calct1()"></td>

<td><input type="text" id="sub1" size="6" maxlength="6" value=0.00></td>

</tr>

The parseFloat doesn't work. Could you please tell me what I'm doing wrong.
Thank you very much

Aug 13 '09 #3

gits

5,390

Expert Mod 4TB

it works but you have some errors ... have a look at the following working example:

Expand|Select|Wrap|Line Numbers

 <html xmlns="http://www.w3.org/1999/xhtml">
 
<head>

<script type="text/javascript">
 
function calct1(unId, quId, stId) {

    var un1=document.getElementById(unId).value;

    var qn1=document.getElementById(quId).value;

    var x1=parseFloat(un1);

    var y1=parseFloat(qn1);

    var z1=(x1*y1);

    var sb1=z1.toFixed(2);

    document.getElementById(stId).value=sb1;

}
 
</script>

</head>

<body>

    <input type="text" id="unit1" size="6" maxlength="6" value="8.00" readonly="readonly">

    <input type="text" id="qty1" size="6" maxlength="6" value="0" onclick="(this.value='')">

    <input type="submit" value="Calc" onclick="calct1('unit1', 'qty1', 'sub1')">

    <input type="text" id="sub1" size="6" maxlength="6" value="0.00">

    <br/><br/>

    <input type="text" id="unit2" size="6" maxlength="6" value="8.00" readonly="readonly">

    <input type="text" id="qty2" size="6" maxlength="6" value=0 onclick="(this.value='')">

    <input type="submit" value="Calc" onclick="calct1('unit2', 'qty2', 'sub2')">

    <input type="text" id="sub2" size="6" maxlength="6" value="0.00">

</body>

</html>

note that you have a wrong onclick that was onsclick and the onclick to reset the values have to be quoted. i even used the field ids to show you haow to pass that as params to the function to use that function genarally ...

kind regards

Aug 14 '09 #4

rjddude1

Thank you very much.
This was very helpful. I really appreciate your help.

Regards

RD

Aug 15 '09 #5

gits

5,390

Expert Mod 4TB

no problem ... just post back to the forum anytime you have more questions :)

kind regards

Aug 15 '09 #6

by: MJ | last post by:

Currently i am using the below coding to create a text file and write something on it. Dim wfile As New System.IO.StreamWriter("c:\test.txt" wfile.WriteLine("Hello" & vbcrlf & "Are" & vbcrlf &...

.NET Framework

optimal richtext width size depending on the variable text lengh

by: Thomas | last post by:

Hi! How can i get the optimal richtext width size, when depending on the variable text lengh. The text can be colored or with some differnt fontsizes. I dont want use scrollbars. Is there a...

.NET Framework

Insert javascript variable value in body of HTML page

by: keerthana_m_2003 | last post by:

Hello: is it possible to insert the value of some JavaScript variable in the body of HTML (for example the text on button, or at any part of the HTML text part). Please tell me how to do this. ...

Javascript

how to split a string using ,fixed character length, variable text delimmiter

by: garyusenet | last post by:

I'm working on a data file and can't find any common delimmiters in the file to indicate the end of one row of data and the start of the next. Rows are not on individual lines but run accross...

C# / C Sharp

Dom how insert a second text and why stile in IE not work

by: artev | last post by:

at click, the bottom function insert a box text inner a div-my; but in IE I not have the style; why? others some small questions: is correct the code? this because in some example: is not...

Javascript

Can't insert java variable into ms access

by: yeap | last post by:

Hi All, I can't insert java variable into ms access database. I'm using odbc connection to ms access. Below are my coding. try { ...

Java

how to insert very large text into CLOB datafield?urgent.....

by: shivapadma | last post by:

I want explanation for CLOB datafield 1.I created clobtable with the query create table clobexample(id number,text CLOB); 2.I tried to insert very large text by the following query insert...

Oracle Database

How to insert a variable in a database which is calculated by 3 form fields

by: ORB30 | last post by:

Hello all Im having an issue trying to insert a variable in to a database. This variable is the math result of 3 fields of the form, a division multiplied by a number. So far is returning...

PHP

Go to url(variable text) on button click?

by: ChiLurker | last post by:

I want to have the browser to be directed to a certain url upon button click with the text inserted into the textbox place into the url, and I'm stumped. for example-...

Visual Basic .NET

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

How to insert a valueof variable into text box?

Similar topics