How to update a text box in an HTML form when another text box is filled in?

up vote
-1
down vote

favorite

I have created a form that has several fields. Among those fields are several weight fields. I have a ScaleInWeight, ScaleOutWeight, BOLWeight, ScaleWeight, and ScaleDiff. The first three are weights that are either entered or captured from the scale. The ScaleWeight is the difference between the ScaleInWeight and ScaleOutWeight, and the ScaleDiff is the difference between the BOLWeight and ScaleWeight. There are several other fields as well, but they don't matter for this, here is my form:

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

What I am trying to figure out is how to update the ScaleWeight and ScaleDiff as the other weights are entered.

For example, when the ScaleInWeight is captured nothing happens.

When the ScaleOutWeight is then also captured then there should be a calculation that will give me the ScaleWeight (absolute value only)

Then when the BOLWeight is added to the form the ScaleDeff should also be calculated (absolute value only).

So if the ScaleInWeight is captured as 31920 and the ScaleOutWeight is captured as 74660 then the ScaleWeight should calculate to 42740.

When the BOLWeight is entered as 42731, then the ScaleDeff should calculate to 9.

EDIT

I have made a change to the form to add a function called UpdateInfo like so:

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

And then added the function like this:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - calScaleWeight;



        $('#ScaleWeight').val(calScaleWeight);

        $('#ScaleDiff').val(calScaleDiff);

    }

</script>

When I test this out though nothing happens. What am I missing? Also, how would I make that so I get the absolute value so it is alway spositive?

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

use JavaScript and handle the "input" or perhaps "keyup" events of the textboxes, get the current values and then use those to calculate the other values, and then update the relevant part of the HTML with the new values. Did you do any research into this yet? There are plenty of examples of this kind of functionaliy online in tutorials, previous SO questions etc etc if you search.
– ADyson
Nov 19 at 15:25

1

googling almost exactly the title of your question gets quite a lot of useful results from this site and others
– ADyson
Nov 19 at 15:26

1

Thanks for the update. Nothing happens because you don't have any elements whose id is "ScaleWeight" or "ScaleDiff"...so your change events are not attached to anything. Either add an "id" attribute to the relevant textboxes, or just a different selector to find each element. P.S. Since you're running the same event in either case, it might make sense to give them a single CSS class in common, so you only need to declare the "change" event once.
– ADyson
Nov 19 at 15:53

1

if you're working with JS you should always have the console open. Then you'd have seen the problem immediately :-)
– ADyson
Nov 19 at 16:08

1

@ADyson I will keep that in mind from now on. Looks like I'll have to learn more JavaScript. I'll post an answer then. Again Thank you for the help!
– Mike
Nov 19 at 16:10

|
show 11 more comments

up vote
-1
down vote

favorite

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

What I am trying to figure out is how to update the ScaleWeight and ScaleDiff as the other weights are entered.

For example, when the ScaleInWeight is captured nothing happens.

When the ScaleOutWeight is then also captured then there should be a calculation that will give me the ScaleWeight (absolute value only)

Then when the BOLWeight is added to the form the ScaleDeff should also be calculated (absolute value only).

So if the ScaleInWeight is captured as 31920 and the ScaleOutWeight is captured as 74660 then the ScaleWeight should calculate to 42740.

When the BOLWeight is entered as 42731, then the ScaleDeff should calculate to 9.

EDIT

I have made a change to the form to add a function called UpdateInfo like so:

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

And then added the function like this:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - calScaleWeight;



        $('#ScaleWeight').val(calScaleWeight);

        $('#ScaleDiff').val(calScaleDiff);

    }

</script>

When I test this out though nothing happens. What am I missing? Also, how would I make that so I get the absolute value so it is alway spositive?

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

use JavaScript and handle the "input" or perhaps "keyup" events of the textboxes, get the current values and then use those to calculate the other values, and then update the relevant part of the HTML with the new values. Did you do any research into this yet? There are plenty of examples of this kind of functionaliy online in tutorials, previous SO questions etc etc if you search.
– ADyson
Nov 19 at 15:25

1

googling almost exactly the title of your question gets quite a lot of useful results from this site and others
– ADyson
Nov 19 at 15:26

1

Thanks for the update. Nothing happens because you don't have any elements whose id is "ScaleWeight" or "ScaleDiff"...so your change events are not attached to anything. Either add an "id" attribute to the relevant textboxes, or just a different selector to find each element. P.S. Since you're running the same event in either case, it might make sense to give them a single CSS class in common, so you only need to declare the "change" event once.
– ADyson
Nov 19 at 15:53

1

if you're working with JS you should always have the console open. Then you'd have seen the problem immediately :-)
– ADyson
Nov 19 at 16:08

1

@ADyson I will keep that in mind from now on. Looks like I'll have to learn more JavaScript. I'll post an answer then. Again Thank you for the help!
– Mike
Nov 19 at 16:10

|
show 11 more comments

up vote
-1
down vote

favorite

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

What I am trying to figure out is how to update the ScaleWeight and ScaleDiff as the other weights are entered.

For example, when the ScaleInWeight is captured nothing happens.

When the ScaleOutWeight is then also captured then there should be a calculation that will give me the ScaleWeight (absolute value only)

Then when the BOLWeight is added to the form the ScaleDeff should also be calculated (absolute value only).

So if the ScaleInWeight is captured as 31920 and the ScaleOutWeight is captured as 74660 then the ScaleWeight should calculate to 42740.

When the BOLWeight is entered as 42731, then the ScaleDeff should calculate to 9.

EDIT

I have made a change to the form to add a function called UpdateInfo like so:

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

And then added the function like this:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - calScaleWeight;



        $('#ScaleWeight').val(calScaleWeight);

        $('#ScaleDiff').val(calScaleDiff);

    }

</script>

When I test this out though nothing happens. What am I missing? Also, how would I make that so I get the absolute value so it is alway spositive?

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

What I am trying to figure out is how to update the ScaleWeight and ScaleDiff as the other weights are entered.

For example, when the ScaleInWeight is captured nothing happens.

When the ScaleOutWeight is then also captured then there should be a calculation that will give me the ScaleWeight (absolute value only)

Then when the BOLWeight is added to the form the ScaleDeff should also be calculated (absolute value only).

So if the ScaleInWeight is captured as 31920 and the ScaleOutWeight is captured as 74660 then the ScaleWeight should calculate to 42740.

When the BOLWeight is entered as 42731, then the ScaleDeff should calculate to 9.

EDIT

I have made a change to the form to add a function called UpdateInfo like so:

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" name="ScaleWeight" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

And then added the function like this:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - calScaleWeight;



        $('#ScaleWeight').val(calScaleWeight);

        $('#ScaleDiff').val(calScaleDiff);

    }

</script>

When I test this out though nothing happens. What am I missing? Also, how would I make that so I get the absolute value so it is alway spositive?

javascript php jquery html html5

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

edited Nov 19 at 15:53

ADyson

22.3k112443

edited Nov 19 at 15:53

ADyson

22.3k112443

edited Nov 19 at 15:53

ADyson

22.3k112443

asked Nov 19 at 15:22

Mike

96011738

asked Nov 19 at 15:22

Mike

96011738

asked Nov 19 at 15:22

Mike

96011738

use JavaScript and handle the "input" or perhaps "keyup" events of the textboxes, get the current values and then use those to calculate the other values, and then update the relevant part of the HTML with the new values. Did you do any research into this yet? There are plenty of examples of this kind of functionaliy online in tutorials, previous SO questions etc etc if you search.
– ADyson
Nov 19 at 15:25

1

googling almost exactly the title of your question gets quite a lot of useful results from this site and others
– ADyson
Nov 19 at 15:26

1

Thanks for the update. Nothing happens because you don't have any elements whose id is "ScaleWeight" or "ScaleDiff"...so your change events are not attached to anything. Either add an "id" attribute to the relevant textboxes, or just a different selector to find each element. P.S. Since you're running the same event in either case, it might make sense to give them a single CSS class in common, so you only need to declare the "change" event once.
– ADyson
Nov 19 at 15:53

1

if you're working with JS you should always have the console open. Then you'd have seen the problem immediately :-)
– ADyson
Nov 19 at 16:08

1

@ADyson I will keep that in mind from now on. Looks like I'll have to learn more JavaScript. I'll post an answer then. Again Thank you for the help!
– Mike
Nov 19 at 16:10

|
show 11 more comments

use JavaScript and handle the "input" or perhaps "keyup" events of the textboxes, get the current values and then use those to calculate the other values, and then update the relevant part of the HTML with the new values. Did you do any research into this yet? There are plenty of examples of this kind of functionaliy online in tutorials, previous SO questions etc etc if you search.
– ADyson
Nov 19 at 15:25

1

googling almost exactly the title of your question gets quite a lot of useful results from this site and others
– ADyson
Nov 19 at 15:26

1

Thanks for the update. Nothing happens because you don't have any elements whose id is "ScaleWeight" or "ScaleDiff"...so your change events are not attached to anything. Either add an "id" attribute to the relevant textboxes, or just a different selector to find each element. P.S. Since you're running the same event in either case, it might make sense to give them a single CSS class in common, so you only need to declare the "change" event once.
– ADyson
Nov 19 at 15:53

1

if you're working with JS you should always have the console open. Then you'd have seen the problem immediately :-)
– ADyson
Nov 19 at 16:08

1

@ADyson I will keep that in mind from now on. Looks like I'll have to learn more JavaScript. I'll post an answer then. Again Thank you for the help!
– Mike
Nov 19 at 16:10

use JavaScript and handle the "input" or perhaps "keyup" events of the textboxes, get the current values and then use those to calculate the other values, and then update the relevant part of the HTML with the new values. Did you do any research into this yet? There are plenty of examples of this kind of functionaliy online in tutorials, previous SO questions etc etc if you search.
– ADyson
Nov 19 at 15:25

googling almost exactly the title of your question gets quite a lot of useful results from this site and others
– ADyson
Nov 19 at 15:26

Thanks for the update. Nothing happens because you don't have any elements whose id is "ScaleWeight" or "ScaleDiff"...so your change events are not attached to anything. Either add an "id" attribute to the relevant textboxes, or just a different selector to find each element. P.S. Since you're running the same event in either case, it might make sense to give them a single CSS class in common, so you only need to declare the "change" event once.
– ADyson
Nov 19 at 15:53

if you're working with JS you should always have the console open. Then you'd have seen the problem immediately :-)
– ADyson
Nov 19 at 16:08

@ADyson I will keep that in mind from now on. Looks like I'll have to learn more JavaScript. I'll post an answer then. Again Thank you for the help!
– Mike
Nov 19 at 16:10

|
show 11 more comments

1 Answer
1

active

oldest

votes

up vote
0
down vote

accepted

With @ADyson 's help, I was able to get this figured out. Here is what I did:

The form (yes this could be better with a css class instead of several change events declared, but I haven't done that yet):

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" id="ScaleInWeight" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" id="ScaleOutWeight" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" id="BOLWeight" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" id="ScaleWeight" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" id="ScaleDiff" name="ScaleDiff" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

Then there is the JavaScript:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - Math.abs(calScaleWeight);



        $('#ScaleWeight').val(Math.abs(calScaleWeight));

        $('#ScaleDiff').val(Math.abs(calScaleDiff));

    }

</script>

Because I only need the differences and I don't care if they are negative I am using the absolute value in my calculations.

answered Nov 19 at 16:13

Mike

96011738

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53377731%2fhow-to-update-a-text-box-in-an-html-form-when-another-text-box-is-filled-in%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

accepted

With @ADyson 's help, I was able to get this figured out. Here is what I did:

The form (yes this could be better with a css class instead of several change events declared, but I haven't done that yet):

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" id="ScaleInWeight" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" id="ScaleOutWeight" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" id="BOLWeight" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" id="ScaleWeight" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" id="ScaleDiff" name="ScaleDiff" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

Then there is the JavaScript:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - Math.abs(calScaleWeight);



        $('#ScaleWeight').val(Math.abs(calScaleWeight));

        $('#ScaleDiff').val(Math.abs(calScaleDiff));

    }

</script>

Because I only need the differences and I don't care if they are negative I am using the absolute value in my calculations.

answered Nov 19 at 16:13

Mike

96011738

add a comment |

up vote
0
down vote

accepted

With @ADyson 's help, I was able to get this figured out. Here is what I did:

The form (yes this could be better with a css class instead of several change events declared, but I haven't done that yet):

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" id="ScaleInWeight" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" id="ScaleOutWeight" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" id="BOLWeight" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" id="ScaleWeight" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" id="ScaleDiff" name="ScaleDiff" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

Then there is the JavaScript:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - Math.abs(calScaleWeight);



        $('#ScaleWeight').val(Math.abs(calScaleWeight));

        $('#ScaleDiff').val(Math.abs(calScaleDiff));

    }

</script>

Because I only need the differences and I don't care if they are negative I am using the absolute value in my calculations.

answered Nov 19 at 16:13

Mike

96011738

add a comment |

up vote
0
down vote

accepted

With @ADyson 's help, I was able to get this figured out. Here is what I did:

The form (yes this could be better with a css class instead of several change events declared, but I haven't done that yet):

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" id="ScaleInWeight" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" id="ScaleOutWeight" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" id="BOLWeight" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" id="ScaleWeight" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" id="ScaleDiff" name="ScaleDiff" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

Then there is the JavaScript:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - Math.abs(calScaleWeight);



        $('#ScaleWeight').val(Math.abs(calScaleWeight));

        $('#ScaleDiff').val(Math.abs(calScaleDiff));

    }

</script>

Because I only need the differences and I don't care if they are negative I am using the absolute value in my calculations.

answered Nov 19 at 16:13

Mike

96011738

With @ADyson 's help, I was able to get this figured out. Here is what I did:

The form (yes this could be better with a css class instead of several change events declared, but I haven't done that yet):

    <form action="ScaleTimes.php" method="POST" enctype="multipart/form-data" name="ScaleTime">

        <table id="getApt" class="center">

            <tr>

                <td><input type="submit" class="OrderButton"  name="findApt" value="Find"></td>

                <td>Appointment Number<br><input type="text" name="AptNo" value="<?php if(isset($_POST['AptNo'])){ echo $_POST['AptNo'];} ?>" required autofocus="true"></td>

                <td>Appointment Date<br><input type="date" name="AptDate" value="<?php if(isset($_POST['AptDate'])){ echo $_POST['AptDate'];} ?>"></td>

                <td>Appointment Period<br>

                    <select name="AptPeriod">

                        <option value="">Select. . .</option>

                        <option value="3">6-8</option>

                        <option value="4">8-10</option>

                        <option value="5">10-12</option>

                        <option value="6">12-14</option>

                        <option value="7">14-16</option>

                        <option value="9">Open</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>Scale In Weight<br><input type="number" id="ScaleInWeight" name="ScaleInWeight" value="<?php if(isset($_POST['ScaleInWeight'])){ echo $_POST['ScaleInWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale In Date/Time<br><input type="datetime" name="ScaleInDateTime" value="<?php if(isset($_POST['ScaleInDateTime'])){ echo $_POST['ScaleInDateTime'];} ?>"></td>

                <td>Scale In Weight<br><input type="number" id="ScaleOutWeight" name="ScaleOutWeight" value="<?php if(isset($_POST['ScaleOutWeight'])){ echo $_POST['ScaleOutWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Out Date/Time<br><input type="datetime" name="ScaleOutDateTime" value="<?php if(isset($_POST['ScaleOutDateTime'])){ echo $_POST['ScaleOutDateTime'];} ?>"></td>

            </tr>

            <tr>

                <td>Customer<br><input type="text" name="Customer" value="<?php if(isset($_POST['Customer'])){ echo $_POST['Customer'];} ?>" autocomplete="on"></td>

                <td>Carrier<br><input type="text" name="Carrier" value="<?php if(isset($_POST['Carrier'])){ echo $_POST['Carrier'];} ?>"></td>

                <td>Driver<br><input type="text" name="Driver" value="<?php if(isset($_POST['Driver'])){ echo $_POST['Driver'];} ?>"></td>

                <td>Weighed By<br>

                    <select name="WeighedBy">

                        <option value="">Select Name...</option>

                        <option value="Tia Rian">Tia Rian</option>

                        <option value="Bruce Tippy">Bruce Tippy</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>BOL Weight<br><input type="text" id="BOLWeight" name="BOLWeight" value="<?php if(isset($_POST['BOLWeight'])){ echo $_POST['BOLWeight'];} ?>" onchange="UpdateInfo()"></td>

                <td>Scale Weight<br><input type="text" id="ScaleWeight" name="ScaleWeight" value="<?php if(isset($_POST['ScaleWeight'])){ echo $_POST['ScaleWeight'];} ?>" disabled onchange="UpdateInfo()"></td>

                <td>Scale Difference<br><input type="text" id="ScaleDiff" name="ScaleDiff" value="<?php if(isset($_POST['ScaleDiff'])){ echo $_POST['ScaleDiff'];} ?>" disabled></td>

            </tr>

            <tr>

                <td>Truck Number<br><input type="text" name="TruckNo" value="<?php if(isset($_POST['TruckNo'])){ echo $_POST['TruckNo'];} ?>"></td>

                <td>Trailer Number<br><input type="text" name="TrailerNo" value="<?php if(isset($_POST['TrailerNo'])){ echo $_POST['TrailerNo'];} ?>"></td>

                <td>BOL Number<br><input type="text" name="BOLNo" value="<?php if(isset($_POST['BOLNo'])){ echo $_POST['BOLNo'];} ?>"></td>

                <td>AX Purchase Order<br><input type="text" name="AxPurchaseOrder" value="<?php if(isset($_POST['AxPurchaseOrder'])){ echo $_POST['AxPurchaseOrder'];} ?>"></td>

            </tr>

            <tr>

                <td></td>

                <td><input type="submit" class="OrderButton" name="submit" value="Submit"></td>

                <td><input type="submit" class="OrderButton" name="reset" value="Reset"></td>

                <td><a href="http://LaFargaWebSRV:8080/ScaleTimeDashboard.php" class="OrderButton">Dashboard</a></td>

            </tr>

        </table>

    </form>

Then there is the JavaScript:

<script type="text/javascript">

    $(document).ready(function () {

        $('#ScaleWeight').change(UpdateInfo);

        $('#ScaleDiff').change(UpdateInfo);

    });



    function UpdateInfo() {

        var ScaleInWeight = $('#ScaleInWeight').val();

        var ScaleOutWeight = $('#ScaleOutWeight').val();

        var BOLWeight = $('#BOLWeight').val();



        var calScaleWeight = ScaleInWeight - ScaleOutWeight;

        var calScaleDiff = BOLWeight - Math.abs(calScaleWeight);



        $('#ScaleWeight').val(Math.abs(calScaleWeight));

        $('#ScaleDiff').val(Math.abs(calScaleDiff));

    }

</script>

Because I only need the differences and I don't care if they are negative I am using the absolute value in my calculations.

answered Nov 19 at 16:13

Mike

96011738

answered Nov 19 at 16:13

Mike

96011738

answered Nov 19 at 16:13

Mike

96011738

answered Nov 19 at 16:13

Mike

96011738

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Nsryjdtyk