How to assign Textbox value to the other textbox using jquery

Question

I have two textboxes in my view,

My requirement is when I enter some text in the first textbox automatically that value should be assigned to second text box when I leave first textbox. using jquery or javascript.

thanks for your help

EDIT:

For Some reason this code is not inserting the value into seconed textbox.

http://jsfiddle.net/9tEV2/4/

Chandu · Accepted Answer · 2011-04-04 19:09:59Z

10

Capture the onchange event of the first textbox and in the event handler assign the first textbox value to second one.

Something like:

<input type="text" id="name"/>
<input type="text" id="anotherName"/>

<script type="text/javascript">
$(function(){
  $("#name").change(function(){
   $("#anotherName").val($(this).val());
  });
})
</script>

answered Apr 4, 2011 at 19:09

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

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

2 Comments

kumar Over a year ago

Thanks Cybernate.. for reason its not working for me..jsfiddle.net/9tEV2/4

Chandu Over a year ago

The reason was jQuery was not reference in the jsFiddle post. Updated it. Check: jsfiddle.net/9tEV2/5

Eli · Accepted Answer · 2011-04-04 19:08:35Z

5

$('#textbox1').blur(function(e) {

    $('#textbox2').val($(this).val());

});

answered Apr 4, 2011 at 19:08

Eli

17.8k4 gold badges40 silver badges49 bronze badges

Comments

Šime Vidas · Accepted Answer · 2011-04-04 22:17:36Z

4

Non-jQuery solution:

A.onblur = function() { 
    B.value = this.value;
};

Where A and B are references to the text-box elements.

Live demo: http://jsfiddle.net/simevidas/9tEV2/

answered Apr 4, 2011 at 22:17

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

Comments

Faber · Accepted Answer · 2011-04-04 19:15:56Z

3

Hi

~~try with~~

$('#Text1').keypress(function () {
    $('#Text2').val($(this).val());
});

~~I hope it's helpful~~

Do not consider this post, I didn't read correctly the question

edited Apr 4, 2011 at 19:15

answered Apr 4, 2011 at 19:09

Faber

2,2042 gold badges28 silver badges37 bronze badges

2 Comments

Eli Over a year ago

This will change the value on each keypress, even on the non-alphanumeric ones. The author also asked for when the focus is lost. This could be also be expensive, depending on the amount of keystrokes.

Faber Over a year ago

@Eli: Sorry! I've not saw "when I leave first text box",I'll edit the post now!

Arfat · Accepted Answer · 2019-05-29 07:18:55Z

0

<script type="text/javascript">
    $(function () {
        $("#txt1").change(function () {

           $("#text2").val($(this).val());// For Single textBox
            $("#filltext").find("input:text").val($(this).val()) // Fill textbox1 value to multiple textboxes present in a single div(filltext is Division ID)
        });
    })
</script>`

answered May 29, 2019 at 7:18

Arfat

698 bronze badges

Collectives™ on Stack Overflow

How to assign Textbox value to the other textbox using jquery

5 Answers 5

2 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related