Question

40

Javascript copy input value

rated 0 times [ 44] [ 4] / answers: 1 / hits: 19652 / 7 Years ago, mon, december 4, 2017, 12:00:00

Hello Guys I want to copy input value yeah on button click But nothing work. Please Help!!

<script>

  function copyToClipboard(element) {

    var $temp = $(<input>);

    $(body).append($temp);

    $temp.val($(element).text()).select();

    document.execCommand(copy);

    $temp.remove();

  }

</script>   



<input type=text class=form-control name=myvalue  id=myvalue value=YEAH readonly  />



<button class=btn btn-primary btn-block onclick=copyToClipboard('#myvalue')>Copy myvalue</button>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kamronr

Add To Favorites

Follow

Total Points: 749

Total Questions: 110

Total Answers: 122

Location: Dominica

Member since Sat, Nov 5, 2022

2 Years ago

kamronr questions

1 How to enforce semicolon in Typescript interface

Mon, Dec 21, 20, 00:00, 3 Years ago

1 Jest - How do I reset object state for each test?

Fri, Oct 16, 20, 00:00, 4 Years ago

1 Change (Add/Remove) CSS Class On Mobile With JS or jQuery

Sat, Oct 3, 20, 00:00, 4 Years ago

1 Don't allow horizontal scroll when scrolling vertically (and vice versa)

Tue, Oct 1, 19, 00:00, 5 Years ago

1 How to extract text from PDF?

Sun, Jul 28, 19, 00:00, 5 Years ago

View All

answered 7 Years ago kerryoliviaa · Accepted Answer

function copyToClipboard() {

    var textBox = document.getElementById(myvalue);

    textBox.select();

    document.execCommand(copy);

}

<input type=text class=form-control name=myvalue  id=myvalue value=YEAH readonly  />



     <button class=btn btn-primary btn-block onclick=copyToClipboard()>Copy myvalue</button>