2
Answers

get value of two textbox in another textbox

Garima Bansal

Garima Bansal
2y
629
1

scenario is

1 i have two textbox (measure ground and measure base), if i enter(measure ground = 15 and measure base = 25), then get sum

of both the textbox in another textbox when cursor is clciked on another textbox

Answers (2)
2
Pankaj Patel

Pankaj Patel

68 27k 2.3m 2y

Hi Garima Bansal,

Try following:

<!DOCTYPE html>
<html>
<body>
    <input type="text" id="Num1" value="1" onblur="reSum();"/>

    <input type="text" id="Num2" value="1" onblur="reSum();"/> <br>
    <p>Auto Sum</p>

    <input type="text" id="Sum" value=""/>
    <script>

        function reSum()
        {
            var num1 = parseInt(document.getElementById("Num1").value);
            var num2 = parseInt(document.getElementById("Num2").value);
            document.getElementById("Sum").value = num1 + num2;

        }

    </script>
</body>
</html>

For more details:

  • Add two textbox values and display the sum in a third textbox automatically in JavaScript
    • https://tutorial.eyehunts.com/js/add-two-textbox-values-and-display-the-sum-in-a-third-textbox-automatically-in-javascript/

Hope this will help you!

Accepted
2
Garima Bansal

Garima Bansal

973 738 48.1k 2y

hello Pankaj Patel ,

i done like this

<div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Measure Grd</span>
                                    <input class="form-control" id="MeasureGround" name="MeasureGround" oninput="add_number()" type="text" />
                                </div>
                                <br />
                                <br />


                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Measure Base</span>
                                    <input class="form-control" id="MeasureBase" name="MeasureBase" oninput="add_number()" type="text" />
                                </div>
                                <br />
                                <br />

                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Measure Total</span>
                                    <input class="form-control" id="MeasureTotal" name="MeasureTotal" readonly="readonly" type="text" />
                                    <span class="text-danger field-validation-valid" data-valmsg-for="MeasureTotal" data-valmsg-replace="true"></span>
                                </div>

 

<script>
                    var text1 = document.getElementById("MeasureGround");
                    var text2 = document.getElementById("MeasureBase");

                    function add_number() {
                        var first_number = parseFloat(MeasureGround.value);
                        if (isNaN(first_number)) first_number = 0;
                        var second_number = parseFloat(MeasureBase.value);
                        if (isNaN(second_number)) second_number = 0;
                        var result = first_number + second_number;
                        document.getElementById("MeasureTotal").value = result;
                    }
                </script>

Next Recommended Forum