I'm using an order form where clients may update quantity in a text field.
To make it more customers friendly, I would like to have the field with the select format.
But doing so in the form, the javascript is not doing anymore.
Can anyone have a look and let me know what to change in the script to have it working with select fields in place of the text fields?
Thank you -
<html>
-
<head>
-
<title>My Untitled Document</title>
-
<script type="text/javascript" language="javascript">
-
<!--
-
function calcVals() {
-
var form = document.form1;
-
var total = document.getElementById("valTotal");
-
var currentTotal = total.value.replace('$','');
-
// document.pgCartOrder.calculatedTotal.value='0';
-
var tempTotal = 0;
-
var totalFields = eval(form.elements.length-1);
-
//alert (totalFields);
-
for (i=0; i < totalFields; i++) {
-
if(form.elements[i].type == 'submit'){
-
}else if(form.elements[i].type == 'text'){
-
if(form.elements[i].value > 0){
-
tempTotal = tempTotal + parseFloat(form.elements[i].title * parseInt(form.elements[i].value));
-
}else if(form.elements[i].value = 'NaN'){
-
form.elements[i].value = "";
-
}
-
}
-
}
-
-
if (String(total) != 'NaN') {
-
form.valTotal.value = "$"+ tempTotal;
-
} else {
-
form.valTotal.value = 'ERROR';
-
}
-
}
-
form.valTotal.value = round(form.valTotal.value, 2);
-
-->
-
</script>
-
-
-
</head>
-
-
<body onload="calcVals()">
-
<? if ($_POST['send']){ ?>
-
<? echo floor($_POST['textfield']) ;?>
-
<? echo "<br>";?>
-
<? echo floor($_POST['textfield1']) ;?>
-
<? echo "<br>";?>
-
<? echo floor($_POST['textfield2']) ;?>
-
<? echo "<br>";?>
-
-
<? } ?>
-
-
<form id="form1" name="form1" method="post" action="" >
-
$ 9.25<input type="text" name="textfield" value="1" title="9.25" onkeyup="calcVals();"/><br/>
-
$12.25<input type="text" name="textfield1" title="12.25" onkeyup="calcVals();"/><br/>
-
$ 5.00<input type="text" name="textfield2" title="-5.00" onkeyup="calcVals();"/><br/>
-
<input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
-
<input type="submit" name="send" value="SEND" />
-
</form>
-
</body>
-
</html>
-
onkeyup is useless on <select>s, try onchange instead.
4  2023 
onkeyup is useless on <select>s, try onchange instead.
With a few minor change it's working right now
But I still have a concern with it, I would like the total to display with forced 2 decimals, what should I change to my code ?
This is not doing any thing ! -
form.valTotal.value = round(form.valTotal.value, 2);
-
Maybe something else to try ? - <html>
-
<head>
-
<title>My Untitled Document</title>
-
<script type="text/javascript" language="javascript">
-
<!--
-
function calcVals() {
-
var form = document.form1;
-
var total = document.getElementById("valTotal");
-
var currentTotal = total.value.replace('$','');
-
// document.pgCartOrder.calculatedTotal.value='0';
-
var tempTotal = 0;
-
var totalFields = eval(form.elements.length-1);
-
//alert (totalFields);
-
for (i=0; i < totalFields; i++) {
-
if(form.elements[i].type == 'submit'){
-
}else{
-
if(form.elements[i].value > 0){
-
tempTotal = tempTotal + parseFloat(form.elements[i].title * parseInt(form.elements[i].value));
-
}else if(form.elements[i].value = 'NaN'){
-
form.elements[i].value = "";
-
}
-
}
-
}
-
-
if (String(total) != 'NaN') {
-
form.valTotal.value = "$"+ tempTotal;
-
} else {
-
form.valTotal.value = 'ERROR';
-
}
-
}
- form.valTotal.value = round(form.valTotal.value, 2);
-
-->
-
</script>
-
-
-
</head>
-
-
<body onload="calcVals()">
-
<? if ($_POST['send']){ ?>
-
<? echo floor($_POST['textfield']) ;?>
-
<? echo "<br>";?>
-
<? echo floor($_POST['textfield1']) ;?>
-
<? echo "<br>";?>
-
<? echo floor($_POST['textfield2']) ;?>
-
<? echo "<br>";?>
-
-
<? } ?>
-
-
<form id="form1" name="form1" method="post" action="" >
-
$ 9.25
-
<select name="textfield" title="9.25" onchange="calcVals(this.form.form1)">
-
<option value="1" selected="selected">1</option>
-
<option value="2">2</option>
-
</select>
-
<br />
-
$ 12.25
-
<select name="textfield1" title="12.25" onchange="calcVals(this.form.form1)">
-
<option value="0" selected="selected">As gift</option>
-
<option value="1">1</option>
-
<option value="2">2</option>
-
</select>
-
<br />
-
$ -5.00
-
<select name="textfield2" title="-5.00" onchange="calcVals(this.form.form1)">
-
<option value="0" selected="selected">No</option>
-
<option value="1">Yes</option>
-
</select>
-
<br />
-
<input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
-
<input type="submit" name="send" value="SEND" />
-
</form>
-
</body>
-
</html>
-
as far as I remember, there is no native round() function in JS (besides that this call is weird in JS*). try toFixed().
* - JavaScript is a highly object oriented language.
Thank you
Question resolved
Script below for some need the same -
<script type="text/javascript">
-
-
function calcVals()
-
{
-
var
-
selects = document.getElementById('form1').getElementsByTagName('select'),
-
total = 0,
-
i;
-
-
for (i = 0; i < selects.length; i++) {
-
total += (isNaN(selects[i].value) ? 0 : Number(selects[i].value)) * (isNaN(selects[i].title) ? 0 : Number(selects[i].title));
-
}
-
document.getElementById('valTotal').value = '€ ' + total.toFixed(2);
-
}
-
-
</script>
-
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Kevin Ingram |
last post by:
Ok, this is probably a silly question but I just keep hitting a brick wall
here.
I usually develop my sites entirely in ASP and use a database for data
storage, works great for me. I also...
|
by: please-answer-here |
last post by:
Scenario:
I'm having an asp page with a form with an action pointing to itself. The
reason for that, it that the asp page depending on changes in any of two
select fields with data from 2...
|
by: Volt |
last post by:
is there any way to select and mark part of text in textarea by regular
expression?
i need to select the first string in textarea whitch is like xxxxx,xxx
where x is any character
|
by: sojo |
last post by:
As a web designer with only very rudimentary php skills, I've looked all over for a user friendly php form processor that includes sticky fields. The best match for my needs, php form wizard...
|
by: jimjack145 |
last post by:
Hi All,
I have one form with two multi select list box. I want to create query when user select value from it and click for result page.
However i search on net but not find any code example....
|
by: FrozenDude |
last post by:
I've implemented Allen Browne's Audit Log and it works quite well
(thanks). However, my form has a series of calculated fields that
fire on the form OnCurrent event. The calculation causes a...
|
by: vozzek |
last post by:
Okay, I've got a tiny little form that works fine in Firefox, but I.E. won't let me push the button to file it. Here is the code:
<form method="post" action="/search_results.php">
<table>
...
|
by: Nagel Oxles |
last post by:
My form has has seven Text Boxes to receive user input. Users fall into
either of two categories, Current and New. 'Command_Button_New' changes
the visible property of four text Boxes and their...
|
by: kcropper |
last post by:
Hi, I’ve been trolling these forums for a while now, and while I’ve found other related threads (e.g., http://bytes.com/topic/access/answers/702416-search-code-how-filter-using-code-sql), nothing has...
|
by: gidmakus |
last post by:
I want three select fields where by each field is dependant on the other, what i mean is the first select field shows the values in the second while the second show the values in the the third field....
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
|
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,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
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...
|
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...
|
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
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
| |
