copy

speng002 · 10 dec 2020

Hoi ik heb een vraag
ik probeer onderstaande werkend te maken
ik wil graag mijn keuze uit deze list box in een input vak krijgen
en dan vervolgens met de knop Copy
deze kopiëren zodat dat ik dit in een ander programma kan plakken met ctrl+v
maar dit wil nog niet helemaal lukken
kunnen jullie mij helpen

Code:

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  document.execCommand("copy"); 
}
</script>

</head>
<body>
<form>
  Selecteer een Applicatie:
<BR><BR>
    <select id="mySelect">
    <option value="Kanvas">Kanvas</option>
    <option value="Lvv">Lvv</option>
    <option value="Nim">Nim</option>
    <option value="Viertel">Viertel</option>
    <option value="Otl">Otl</option>
    <option value="5ESS">5ESS</option>
    </select>

</form>

<BR><BR><BR><BR>

<input type="text" value="mySelect" id="myInput" style="width:100px;">

<BR><BR><BR><BR>
<button type="button" onclick="myFunction()" id="myInput">Copy</button>
</body>
</html>

bron · 10 dec 2020

Ha, deze vraag komt mij bekend voor.
Er gaan een aantal dingen niet goed, misschien kan je beter eerst wat lezen over html... bijvoorbeeld over de id="...", wat mag wel/niet.
Dit zou een vertrekpunt kunnen zijn (niet getest)

Code:

<script>
function myFunction() {
  var mySelect = document.getElementById("mySelect");
  var myInput  = document.getElementById("myInput");
  myInput.value = mySelect.value;
  myInput.select();
  document.execCommand("copy");
}
</script>

<form>
  <select id="mySelect">
    <option value="Kanvas">Kanvas</option>
    ...
  </select>
  <input id="myInput" type="text" value="" style="width:100px;">
  <button type="button" onclick="myFunction()">Copy</button>
</form>

Nogmaals, execCommand("....") wordt in toekomstige browsers uit Javascript verwijderd om veiligheidsredenen.

copy

speng002

Gebruiker

bron

Moderator

Nieuwste berichten

Wij waarderen jouw privacy