Текстовое поле textarea - JavaScript, Ajax

newerow1989 · 05.05.2025, 13:26

Здравствуйте!

Дан код:

Код:

<textarea id="myText">Initial content</textarea><br>
<button onclick="changeText()">Change Content</button>
<div id="Result"></div>

<script>
function changeText() {
   const textarea = document.getElementById("myText");
   document.getElementById("Result").innerHTML = textarea.innerText;
}
</script>

Этот код работает в следующих браузерах:
- Opera 12.16
- Internet Explorer 11

Этот код не работает в следующих браузерах:
- Opera 79.0
- Google Chrome 109.0

Других установленных у меня браузерах нет!

Вопрос:
Как сделать рабочий код во всех современных браузерах?

Valick · 05.05.2025, 14:51

Код:

<html>
<script
        src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
        crossorigin="anonymous"></script>
<script>
    $(function() {
        $(document)
            .ready(function() {
                $('#changeText')
                    .on('click', function() {
                        let result = $('#Result');
                        let textarea = $('#myText');

                        result.html(textarea.val());
                    });
            })
    });
</script>
<body>
<textarea id="myText">Initial content</textarea><br>
<button id="changeText">Change Content</button>
<div id="Result"></div>
</body>
</html>

Valick · 05.05.2025, 15:04

Лучше расскажите, что именно вы хотите сделать. В рамках какой задачи вам понадобилось такое техническое решение?

newerow1989 · 05.05.2025, 15:12

Спасибо!
Только не работает в Opera 12.16

Valick · 05.05.2025, 15:18

если не работает, то ткрывайте консоль разработчика и смотрите ошибки в консоли
у меня Linux Mint Opera One(version: 118.0.5461.60) всё работает

newerow1989 · 05.05.2025, 15:26

Скорее всего из-за этого:

Код:

https://code.jquery.com/jquery-3.7.1.min.js

uberchel · 06.05.2025, 11:41

Цитата:

Сообщение от newerow1989

Вопрос:
Как сделать рабочий код во всех современных браузерах?

Для начала поставить эти совсеменные браузеры.

Цитата:

Сообщение от newerow1989

Скорее всего из-за этого:

Стоит перейти уже на современную версию windows Либо ставить линь. На этой древности уже не поддерживаются современные технологии и версии программ.

Код, У textarea есть специальный атрибут value

Код:

<textarea id="myText">Initial content</textarea>
	<br>
	<button id="change">Change Content</button>
	<div id="Result"></div>

	<script>
		document.querySelector('#change').onclick = function () {
			var text = document.getElementById('myText');
			document.getElementById('Result').innerText = text.value
		}
	</script>

Arigato · 09.05.2025, 12:35

Valick, абсолютно нет смысла пихать везде, где только можно, jQuery. Выше дан правильный ответ - свойство value у textarea.

newerow1989 · 10.05.2025, 16:06

Цитата:

Сообщение от uberchel

У textarea есть специальный атрибут value

uberchel, спасибо!
Это то, что надо! Работает во всех браузерах.

05.05.2025, 13:26	#1
newerow1989 Я самый любопытный Участник клуба Регистрация: 24.07.2012 Сообщений: 1,984	Текстовое поле textarea Здравствуйте! Дан код: Код: `<textarea id="myText">Initial content</textarea><br> <button onclick="changeText()">Change Content</button> <div id="Result"></div> <script> function changeText() { const textarea = document.getElementById("myText"); document.getElementById("Result").innerHTML = textarea.innerText; } </script>` Этот код работает в следующих браузерах: - Opera 12.16 - Internet Explorer 11 Этот код не работает в следующих браузерах: - Opera 79.0 - Google Chrome 109.0 Других установленных у меня браузерах нет! Вопрос: Как сделать рабочий код во всех современных браузерах? С запрограммированным приветом, Неверов Евгений! Сайт: http://newerow1989.ru [Паскаль] [Delphi]

05.05.2025, 15:04	#3
Valick Форумчанин Регистрация: 27.04.2022 Сообщений: 510	Лучше расскажите, что именно вы хотите сделать. В рамках какой задачи вам понадобилось такое техническое решение? стимулятор https://yoomoney.ru/to/41001303250491

05.05.2025, 15:12	#4
newerow1989 Я самый любопытный Участник клуба Регистрация: 24.07.2012 Сообщений: 1,984	Спасибо! Только не работает в Opera 12.16 С запрограммированным приветом, Неверов Евгений! Сайт: http://newerow1989.ru [Паскаль] [Delphi]

05.05.2025, 15:18	#5
Valick Форумчанин Регистрация: 27.04.2022 Сообщений: 510	если не работает, то ткрывайте консоль разработчика и смотрите ошибки в консоли у меня Linux Mint Opera One(version: 118.0.5461.60) всё работает стимулятор https://yoomoney.ru/to/41001303250491

09.05.2025, 12:35	#8
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,836	Valick, абсолютно нет смысла пихать везде, где только можно, jQuery. Выше дан правильный ответ - свойство value у textarea. E-Mail: arigato.freelance@gmail.com

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как проверить что текстовое поле не пусто	KT82	PHP	3	06.10.2016 16:22
Текстовое поле с выпадающем списком	tatarin93	C# (си шарп)	0	27.04.2015 08:07
setInterval и текстовое поле	deniscatch	JavaScript, Ajax	3	15.02.2014 12:29
JavaScript текстовое поле	Валенсия34	JavaScript, Ajax	1	01.10.2012 20:19
текстовое поле	Артэс	Win Api	4	10.02.2011 05:05