Jquery duplicate input fields by class

Question

Not quite sure how to arrange this question.

Basically, I have a page with 4 forms all in separate tabs, (3 for each department and an admin overview with all forms on), what I would like to do is once the input has changed in one of the 3 departmental forms duplicate that input into the same field in the admin form.

What I'm currently using is the following

jQuery(".volume").keyup(function(){
        var volume = jQuery(".volume").val();
        jQuery('.volume').val(volume);
        });

this works fine in it self, but what I would like is to be able to have a little function like this that automatically works on any input, textarea and select.

Would anyone be able to advise me on how to put something like that together?

Thanks in advance.

Apologies, copied and edited the wrong snippet. was originally duplicating too another ID. edited to reflect that — user1372212
– user1372212, Commented Aug 30, 2012 at 13:32

Zoltan Toth · Accepted Answer · 2012-08-30 14:04:35Z

3

Try

jQuery("input").keyup(function() {
    var volume = jQuery(this).val();
    jQuery("input[name=" + jQuery(this).attr("name") + "]").val(volume);
});

edited Aug 30, 2012 at 14:04

answered Aug 30, 2012 at 13:34

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user1372212 Over a year ago

Thanks, had to make a few tweaks to get it working by name, works well though!jQuery("input").keyup(function() { var vol = jQuery(this).val(); var cla = jQuery(this).attr("name"); var name = 'input[name="'+cla+'"]'; jQuery(name).val(vol); });

Zoltan Toth Over a year ago

you're welcome - updated the answer to reflect your case better

user1372212 Over a year ago

didn't have much luck with prop, however attr worked a treat.

Zoltan Toth Over a year ago

what version of jQuery are you using?

Collectives™ on Stack Overflow

Jquery duplicate input fields by class

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related