Clone multiple input values into one input field

Question

I'm trying to copy the input data of multiple fields into one big one, for date of birth.

day value + month value + year value = day value/month value/year value into one other field all together. I made variables of each field and then try to add them in the 'full' input field, but this doesn't work. What am I doing wrong?

Demo: http://jsfiddle.net/J2PHq/

$(function(){
    $('.copy').on('keyup blur', function(){
         $('.full').val(day + '/' + week + '/' + year);

        day = $(".day").val();
        week = $(".week").val();
        year = $(".year").val();
     }).blur();
});

you're fist appending the values and then getting them which is the wrong order, also you might want to use var to define variables — Spokey
– Spokey, Commented Mar 28, 2014 at 13:19

Pim Verlangen · Accepted Answer · 2014-03-28 13:26:38Z

1

You need to declare the variables before you enter them in the .full field.

Working fiddle: here

$(function(){
    $('.copy').on('keyup blur', function(){        
        var day = $(".day").val();
        var week = $(".week").val();
        var year = $(".year").val(); 

        $('.full').val(day + '.' + week + '.' + year);

     }).blur();
});

edited Mar 28, 2014 at 13:26

answered Mar 28, 2014 at 13:20

Pim Verlangen

3871 silver badge11 bronze badges

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

1 Comment

VisioN Over a year ago

It is always good to have both in the answer, so all users may get the solution at any time whenever JSFiddle.net works or not.

Adil Shaikh · Accepted Answer · 2014-03-28 13:20:16Z

1

Wrong execution order -

$(function(){
    $('.copy').on('keyup blur', function(){
        var day = $(".day").val();
        var week = $(".week").val();
        var year = $(".year").val();
        $('.full').val(day + '/' + week + '/' + year);
     }).blur();
});

Demo ---> http://jsfiddle.net/J2PHq/6/

answered Mar 28, 2014 at 13:20

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

2 Comments

VisioN Over a year ago

Say NO to global variables!

user1901096 Over a year ago

Thanks, indeed the execution order.

Collectives™ on Stack Overflow

Clone multiple input values into one input field

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related