Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nowa linia w javascript
Forum PHP.pl > Forum > Po stronie przeglądarki
Crash89
Czy da się dodać nową linię do inputa w javascript?

Gdy dodaje "\n" to się nie wyświetla ale nie umieszcza tekstu w nowej linii.
Gdy dodaję "<br>" to wyświetla się w tekscie inputa.
Chciałbym uzyskać tekst w inpucie :

Linia 1
Linia 2
Linia 3

Dodając tekst poprzez javascript.
Tak jak bym po każdej linijce dodawał "Enter".
trueblue
To dlaczego nie zastosujesz <textarea>?
Crash89
Cytat(trueblue @ 21.01.2019, 15:34:50 ) *
To dlaczego nie zastosujesz <textarea>?


pisząc input chodziło mi o textarea, tam nie działa "\n"
Pyton_000
https://jsfiddle.net/qt2on57z/
Crash89
Cytat(Pyton_000 @ 21.01.2019, 15:40:58 ) *


Robię to dokładnie tak:

  1. $('#copyToClipboard').on('click', function() {
  2. var $temp = $("<input id='copy_container' style='position:fixed;left:-200px;'>");
  3. $("body").append($temp);
  4.  
  5. var id = {$test.id};
  6. $.ajax({
  7. method: 'POST',
  8. url: '/test/copy-to-clipboard',
  9. data: { id : id },
  10. assync: false,
  11. dataType: 'JSON',
  12. success: function (data) {
  13.  
  14. if (data.address == null) {
  15. var address = '';
  16. } else {
  17. var address = data.address + ',';
  18. }
  19.  
  20. if (data.zip == null) {
  21. var zip = '';
  22. } else {
  23. var zip = data.zip + ',';
  24. }
  25.  
  26. if (data.country == null) {
  27. var country = '';
  28. } else {
  29. var country = data.country;
  30. }
  31.  
  32. if (data.ten == null) {
  33. data.ten = '';
  34. }
  35.  
  36. if (data.city == null) {
  37. var city = '';
  38. } else {
  39. var city = data.city + ',';
  40. }
  41.  
  42. var value = '';
  43. value += data.name + '\n';
  44. value += address + city + zip + country + '\n';
  45. value += data.ten;
  46. $temp.val(value);
  47. }
  48. });
  49. setTimeout(function() {
  50. var $input = $("input#copy_container");
  51. if ($input.length && $input.val().length > 0) {
  52. $input.select();
  53. document.execCommand("copy");
  54. $input.remove();
  55. }
  56. }, 500)
  57.  
  58. })
  59.  


Po tym dane mi się kopiują do schowka, ale gdy chce wkleic do textarea to, nie wyświetla znaku "\n"
ale nie wkleja danych do nowej linii
trueblue
W tym przykładzie jest <input>. Możesz ostatecznie potwierdzić jaki element używasz?
Crash89
Cytat(trueblue @ 21.01.2019, 17:02:05 ) *
W tym przykładzie jest <input>. Możesz ostatecznie potwierdzić jaki element używasz?


Kopiuje dane do schowka, i chcę je wkleić do textaera przez wybranie opcji wklej (prawy przycisk myszki)
trueblue
Jeśli używasz <input>, to nie oczekuj, że skopiowany tekst będzie miał nowe linie. Nowych linii brak już w samym <input>.
Crash89
Cytat(trueblue @ 21.01.2019, 17:13:29 ) *
Jeśli używasz <input>, to nie oczekuj, że skopiowany tekst będzie miał nowe linie. Nowych linii brak już w samym <input>.


Już wiem gdzie był błąd, w w elementem tymczasowym był input a nie textarea
Dizęki za pomoc
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.