Filtering two select fields to ensure they do not go over the maximum required value

by jezzipin

HTML

<select id="adult" class="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

<select id="child" class="select">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

JavaScript

$(function() {
    var max = $('#adult option:last-child').val();
    
    $(".select").on("change", function(){
    	var a = $('#adult option:selected').val();
    	var b = $('#child option:selected').val();
      
      console.log(a);
      console.log(b);
      console.log(a+b);
      
    	console.log(this.options[this.options.length - 1].value);
    })
});