Bulk form controls with JavaScript/jQuery

Question

I'm trying to build a form with bulk/master controls which will take the value from one input field and insert it into multiple others when a button (anchor tag) is clicked.

I've looked high and low for information on how is can be done, but cannot find anything that's of any help, and there surely has to be something out there!

I'm not asking for someone to actually code this for me, but rather point me in the right direction.

Thanks

Answer 1

The val function is what you're looking for

To copy the value from input source , to all the inputs with class destination , you would use:

$("input.destination").val($("#source").val());

Answer 2

In addition to what Adam wrote, I generally use custom attributes if I need to, for instance, point one HTML element at another, eg

<input id='source' copyto='destination' />

then:

$('#' + $('#source').attr('copyto')).val($('#source').val());

or a function:

function copyIt(fromID) {
  var destID = '#' + $(fromID).attr('copyto');
  $(destID).val($(fromID).val());
}

and usage:

copyIt('#source');