JavaScript - Copiar múltiples entradas con Javascript

 
Vista:

Copiar múltiples entradas con Javascript

Publicado por Víctor (1 intervención) el 12/11/2020 21:21:46
Hola, buenas tardes,
Me gustaría saber como podría hacer para copiar múltiples entradas en javascript con un botón, lo que quiero hacer es crear un formulario del tipo:

Nombre:
Apellidos:
DNI:

y que con un solo botón copiara el texto y la respuesta, he tratado de buscar algo similar y lo más parecido que he logrado encontrar ha sido:
https://stackoverflow.com/questions/52618026/copy-multiple-input-values-to-clipboard-using-javascript/52618072
pero copia con guiones, y yo lo que quiero es introducir saltos de línea pero no lo logro. No sé si es misión imposible de realizar en javascript.
Gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 1.439
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Copiar múltiples entradas con Javascript

Publicado por Alejandro (333 intervenciones) el 13/11/2020 18:47:46
Pues solo tienes que reemplazar por el carácter que quieres que sea separador
1
output.value = copyText.value + "\r" + copyText2.value + "\r" + copyText3.value;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Copiar múltiples entradas con Javascript

Publicado por Víctor (1 intervención) el 14/11/2020 00:12:15
Hola, gracias por la respuesta, pero esa solución no funciona, ya lo probé, tanto "\r" como "\n" como combinadas, esa opción ya la había probado. Pero al copiar no respeta el salto de línea

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<input type="text" value="Red" id="myInput">
    <input type="text" value="Blue" id="myInput2">
    <input type="text" value="Black" id="myInput3">
    <input type="text" value="" id="output" class="txt-invisible">
    <button onclick="myFunction()">Copy text</button>
<script>
    function myFunction() {
      var copyText = document.getElementById("myInput");
      var copyText2 = document.getElementById("myInput2");
      var copyText3 = document.getElementById("myInput3");
      var output = document.getElementById("output");
      output.value = copyText.value + "\r\n" + copyText2.value + "\r\n" + copyText3.value;
			output.select();
      document.execCommand("copy");
    }
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 2.898
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Copiar múltiples entradas con Javascript

Publicado por joel (665 intervenciones) el 14/11/2020 09:22:58
Hola Victor, no puedes poner varias lineas en un input type="text"...para ello, tienes que utilizar un <textarea>...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<input type="text" value="Red" id="myInput">
<input type="text" value="Blue" id="myInput2">
<input type="text" value="Black" id="myInput3">
<textarea id="output" class="txt-invisible"></textarea>
<button onclick="myFunction()">Copy text</button>
 
<script>
function myFunction() {
    var copyText = document.getElementById("myInput");
    var copyText2 = document.getElementById("myInput2");
    var copyText3 = document.getElementById("myInput3");
    var output = document.getElementById("output");
    output.value = copyText.value + "\r\n" + copyText2.value + "\r\n" + copyText3.value;
    output.select();
    document.execCommand("copy");
}
 
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar