Home/ Questions/Q 9121935
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:58:30+00:00

I have a series of input fields. I never know how many, so I

  • 0

I have a series of input fields. I never know how many, so I need to get the value from a class. In this case the class is .total.

The bestresult is a text field that gets it’s value from mysql, but I want it to be changed manually or by the highest value from the other text fields.

This is the code. Does not work obviously, but maybe you get the idea of what I want to do.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$('input.total').change(function()
{
    var max = $('.total').max();
    $('#bestresult').attr("value", max);
});
</script>
<body>
<form>
<input type="text" name="bestresult" id="bestresult" class="total" value=""><br>
<input type="text" name="resultat[100][total]" class="total" value=""><br>
<input type="text" name="resultat[121][total]" class="total" value=""><br>
<input type="text" name="resultat[130][total]" class="total" value="">
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, you should have your script at the end of your body, in order to have the elements defined when you bind the change event.

    Then, you’d better filter the input, to exclude the one containing the max. You can use this selector : input.total[id!=bestresult].

    And it would be better to bind also the keyup event, so that the max is updated without the user having to click outside.

    Thus, you can have this code :

    $('input.total[id!=bestresult]').on('blur change keyup', function(){
    $('#bestresult').attr("value", Math.max.apply(null, $('.total[id!=bestresult]').map(function(){
        return parseFloat(this.value)}).slice().filter(function(i, v){return v==v})
    ));
});

    Demonstration

    • 0