Jquery | How to duplicate input content?

Question

What I need is to duplicate the input 5 times,

And paste it on the textarea

How to do it please?

<div id="main">1234</div>
<text id="test"></textarea>

var copypass = $('#main').html();
for (var i = 1;i < 5;i++){
$('#test').append(copypass.clone());
}

When do you need to duplicate the input? On every keystroke? When a button is pressed? Something must trigger the duplication event. — Roland Weber
– Roland Weber, Commented Jun 7, 2018 at 6:32

melvin · Accepted Answer · 2018-06-07 06:32:07Z

1

You don't need to take clone if you are taking html. Also <text> should be changed to <textarea> Check this.

var copypass = $('#main').html();
for (var i = 1;i < 5;i++){
  $('#test').append(copypass);
}

answered Jun 7, 2018 at 6:32

melvin

2,6211 gold badge21 silver badges39 bronze badges

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

Comments

31piy · Accepted Answer · 2018-06-07 06:33:47Z

0

Use String#repeat and set the value to the textarea:

var copypass = $('#main').html();
$("#test").val(copypass.repeat(5));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">1234</div>
<textarea id="test"></textarea>

answered Jun 7, 2018 at 6:33

31piy

23.9k6 gold badges51 silver badges69 bronze badges

1 Comment

azmir22 Over a year ago

Thank you, shorter and better!:)

Bhargav Chudasama · Accepted Answer · 2018-06-07 06:37:11Z

0

try this one

first change <text to <textarea

var copypass = $('#main').html();
for (var i = 1; i < 5; i++) {
  $('#test').append(copypass); //remove clone
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">1234</div>
<textarea id="test"></textarea>

answered Jun 7, 2018 at 6:37

Bhargav Chudasama

7,2256 gold badges24 silver badges41 bronze badges

1 Comment

azmir22 Over a year ago

Thank you, i will check it!

Collectives™ on Stack Overflow

Jquery | How to duplicate input content?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related