Display Form Depending on the value of a field in another form

Question

I have two forms on the same page, but I want the second form to be displayed only if a certain field in the first form is greater that four. How can I achieve this using JavaScript? I'm using Django.

Answer 1

You probably don't want to do this in Django. Expanding on T. Stone's answer, something like this jQuery should work:

<script>
$(document).ready(function(){
  $("#some-field").change(function () {
    var currentVal = parseInt($(this).val());
    if (!isNaN(currentVal) && currentVal > 4) {
      $('#form2').show();
    }
    else {
      $('#form2').hide();
    }
  })
  .change();
});
</script>

You'll want to mark form2 as hidden initially.