Question

I have a requirement to have a small form with some text boxes on them and a button at the end which with a specified aspect ratio (in hidden textbox) enable the user to type in a value into the width box for example and when the user changes the value the height textbox will change also..also when you type in the height box the width will change. I do not want someone to do this for me, but i would require some help setting up the jquery functions to run when i change the text in a partiqular textbox.

Any help, guidance would be fantastic..many thanks

Chris

Answer 1

Welcome to stackoverflow.

You can do something like this:

$('#widthBoxId').focusout(function(){
  var height = $(this).val() //math calculations based on $('#hiddenRatioId')
  $('#heightBoxId').val(height);
});

You can then do the reverse with the height box.