Jump to content

Js Code To Perform A Calculation When A Dropdown Is Selected

Recommended Posts


I would like some help writing a JS code to calculate an item in submission form. For simplicity I have renamed the relevant items in my app:


Form name: Actions_made


Relevant fields:

1. "Actions" - dropdown with a number of options eg. Cancelled, Switched etc.

2. "Current Product name" - dropdown with product names that user currently uses

3. "Current Pack cost" - cascading text field that populates with the relevant pack cost once the Product above has been chosen

4. "Current Pack size" - cascading text field that populates with the relevant pack size once the Product above has been chosen

5. "Quantity per day" - populated with a default value of one but user can update with any quantity.

6. "Annual Saving of Current product" - needs to populate with the formula when "Cancelled" is selected from the dropdown "Actions"  above and also if the "Quantity per day" field remains as one or is updated by the user:

(Current Pack cost/Current Pack size)*Quantity per day*365


I have never written JS code before and would like some help to be pointed in the right direction.

Thank you in advance and have a great Christmas!



Link to comment
Share on other sites

  • 2 weeks later...

Hello Sean,


How are you?


I think, you can use the following code:

function calculate(){
var selection = document.getElementsByName("InsertRecorddropdown")[0].value;

var one = parseFloat(document.getElementById("InsertRecordone").value);
var two = parseFloat(document.getElementById("InsertRecordtwo").value);
var three = parseFloat(document.getElementById("InsertRecordthree").value);
var four = parseFloat(document.getElementById("InsertRecordfour").value);
var five = parseFloat(document.getElementById("InsertRecordfive").value);
var six = parseFloat(document.getElementById("InsertRecordsix").value);
var result = 0;

switch(selection) {
    case "first":
        result = one * two;        
    case "second":
        result = three + four;        
    case "third":
        result = five * six + one;        
        result = one + two + three + four + five + six;        
document.getElementById("InsertRecordresult").value = result;


Please change names of fields (dropdown, one, result etc) and variants of selection (first, second, third). You can write more than one line of code after case "variant" and before "break;"


Please feel free to ask.



Happy New Year!

Link to comment
Share on other sites

  • 2 years later...

Hi @seancsn

As of July 12, 2018, Caspio introduced new features which you can find here: https://howto.caspio.com/release-notes/caspio-bridge-13-0/

This release includes a new feature, Calculated Values in Submission Forms.  This allows you to generate calculations which you can use to calculate your fields automatically.

Check these videos for more information:


I hope it helps!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...