Не работает innerHTML для Textarea

@PlayaRC · Регистрация: 10.03.2012

Author24 — интернет-сервис помощи студентам

Есть textarea и есть блок select, при двойном клике на опцию selecta в textarea должны заноситься значения опций, но если я вносил изменения в textarea вручную, то внос значений опций selecta в textarea уже не работает, до обновления страницы, не могу понять почему?

Код:

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html id="html_id">
<head>
<title>Создание страницы</title>
</head>
<body background="html.gif">
<script language="JavaScript">
function get_tag(x)
{ 
    var area = document.getElementById("tryCode");
    area.innerHTML+=x;
}
 
function create()
{
  var a = document.form_page.demoCode.value;
  var tagbody = document.getElementById("html_id");
  tagbody.innerHTML=a;
}
</script>
 
<form action="mypage.html" name="form_page" method="get">
<textarea rows="7" cols="58" id="tryCode" name="demoCode">
 
</textarea>
<select name="select_tag" size="2">
<option ondblclick="get_tag('<h1></h1>')">&lt;h1&gt;&lt;/h1&gt;</option>
<option ondblclick="get_tag('<body></body>')">&lt;body&gt;&lt;/body&gt;</option>
<option ondblclick="get_tag('<img>')">&lt;img&gt;</option>
<option ondblclick="get_tag('<br>')">&lt;br&gt;</option>
</select>
<input type="button" value="Выполнить" onclick="create();">
</form>
</body>
</html>

zhibirc · 30.03.2013, 02:57

Вроде все решается одной строчкой:

JavaScript    
        
    Скопировано
1
document.getElementById('tryCode').value += x;

Новые блоги и статьи Все статьи Все блоги /
Организация сетей в Kubernetes и эффективное развертывание Mr. Docker 14.04.2025 Сетевая инфраструктура Kubernetes представляет собой сложную, но хорошо спроектированную систему, которая позволяет контейнерам взаимодействовать между собой и с внешним миром. За кажущейся простотой. . .	Многопоточность в Rust: Fearless concurrency и практические примеры golander 14.04.2025 Многопоточное программирование связано с рядом известных проблем. Наиболее распространенные из них — гонки данных (data races), взаимные блокировки (deadlocks) и условия гонки (race conditions). Эти. . .	Списки и кортежи в Python: различия, особенности, применение py-thonny 13.04.2025 Python славится своей гибкостью при работе с данными. В арсенале языка есть две основные последовательные структуры данных, которые программисты используют ежедневно — списки и кортежи. Эти структуры. . .	Middleware в ASP.NET Core UnmanagedCoder 13.04.2025 В ASP. NET Core термин "middleware" занимает особое место. Что же это такое? Middleware представляет собой программные компоненты, которые формируют конвейер обработки HTTP-запросов в приложении. . . .	Таблицы лута в Unity с MinMaxCurve и AnimationCurve GameUnited 12.04.2025 Создание сбалансированного лута в играх — задача не из простых. Разработчики постоянно ищут способы настройки систем выпадения предметов, которые будут одновременно справедливыми для игроков и. . .
std::expected в C++: Управление ошибками bytestream 12.04.2025 Обработка ошибок всегда была важной и одновременно сложной задачей в программировании на C++. На протяжении долгого времени разработчики использовали различные подходы: возвращаемые коды ошибок,. . .	Nullable типы и операторы объединения null в C# UnmanagedCoder 12.04.2025 Многие шутят, что null — это миллиардная ошибка в программировании. И в этой шутке только доля шутки. Тони Хоар, создатель null-ссылки, сам назвал её своей "ошибкой на миллиард долларов". Почему?. . .	Аутентификация и авторизация JWT в микросервисах с API Gateway stackOverflow 12.04.2025 В традиционных монолитных приложениях безопасность часто реализуется как единый защитный периметр - пользователь проходит аутентификацию один раз, после чего получает доступ ко всем функциям системы. . . .	TypeScript: Интерфейсы vs Типы run.dev 11.04.2025 Современная разработка на JavaScript сталкивается с множеством проблем при масштабировании проектов. Типизация кода стала хорошим инструментом, помогающим избежать ошибок во время выполнения,. . .	Управление топиками и разделами Kafka Javaican 11.04.2025 Apache Kafka — распределенная платформа потоковой передачи данных, которая стала стандартом для построения высоконагруженных систем обмена сообщениями. В современной архитектуре микросервисов,. . .

Не работает innerHTML для Textarea

Решение