How would i be able to copy (by Ctrl + C or Mouse right click copy option) select control option in drop down

Question

So I have this drop down list

function copyThis(text) {
  window.prompt("Copy this : ", text);
};

<!DOCTYPE html>
<html>

<body>

  <select class="wrap" onchange="copyThis(this.value)">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
</body>

</html>

Currently using the above it does not let me highlight or select the option that is chosen in the list. Is there a better way by double clicking and highlight the selected option so that i can Ctrl + C or Mouse right click and copy

How about a solution like: A button next to the dropdown and when you hit that button the selected option gets copied into clipboard? — elementzero23, Jan 20 '17 at 09:03

score 1 · Accepted Answer · answered Jan 20 '17 at 09:14

How about a "copy" button:

function copyThis(text) {
  window.prompt("Copy this : ", text);
};

$("#copy").click(function () {
  window.prompt("copy this:", $("#cars option:selected").text());
});

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

  <select id="cars" class="wrap">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

  <button id="copy">copy</button>

</body>

</html>

Your answer works but adding a button is not really an option for me, Thanks for the reply — Steve Barthelot, Jan 20 '17 at 09:49

How would i be able to copy (by Ctrl + C or Mouse right click copy option) select control option in drop down

1 Answers1