TextArea и input

@ab-vrn · Регистрация: 11.07.2013

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

Привет всем.

HTML5
1
2
3
4
5
<form class="formCreate" accept-charset="utf-8">
<input type="text" name="title" class="form-control typeahead-basic tt-input" placeholder="Название" style="position: relative; vertical-align: top; background-color: transparent;">
<textarea name="editor-full" id="editor-full" rows="4" cols="4"></textarea>
<input type="submit" value="Сохранить" class="btn bg-teal-400">
</form>

JavaScript
1
2
3
4
5
6
7
$('.formCreate').submit(function( e ){
         e.preventDefault();
         var nameNotes = $( this.title).val();
         var dataTextarea = $('textarea').val();
         console.log( nameNotes );
         console.log( dataTextarea );
     } );

Данные, введённые с textarea получаю только, если кликнуть второй раз на кнопку сохранить. Подскажите, как исправить. Спасибо))

@atanov · 15.05.2018, 17:09

ab-vrn, а что куда должно попадать и при каком событии?

@ab-vrn · 15.05.2018, 17:24 **[ТС]**

При клике на submit:
1. с input name="title" в переменную nameNotes
2. с textarea в переменную dataTextarea

Далее ajax, но до него ещё далеко, т.к. с input в переменную nameNotes контент попадает при первом клике на кнопку, а вот в dataTextarea только после второго клика.

@atanov · 15.05.2018, 17:38

ab-vrn, попробуйте вот так:

HTML5
1
2
3
4
5
6
7
<meta http-equiv = "Content-Type" content = "text/html" charset = "utf-8">
<form class="formCreate" accept-charset="utf-8">
<input type = "text" name = "title" class = "form-control typeahead-basic tt-input" placeholder = "Название"/>
<textarea name = "editor-full" id = "editor-full" rows = "4" cols = "4"></textarea>
<button class = "btn bg-teal-400">Сохранить</button>
</form>
<script src = "51.js"></script>

JavaScript
1
2
3
4
5
document.getElementsByTagName('button')[0].onclick = function (){
    event.preventDefault();
    var nameNotes = document.getElementsByName('title')[0].value;
    var dataTextarea = document.getElementById('editor-full').value;
}

@ab-vrn · 16.05.2018, 09:06 **[ТС]**

atanov, спасибо, но результат тот же. Только индекс [0] не нужен. Пока не разберусь в чём причина. У меня подключен компонент ckeditor.js, может в этом проблема. Хз.

@atanov · 16.05.2018, 09:45

Сообщение от ab-vrn

но результат тот же

а какой? Переменные nameNotes и dataTextarea присваиваются. Вот модифицированный js:

JavaScript
1
2
3
4
5
6
document.getElementsByTagName('button')[0].onclick = function (){
    event.preventDefault();
    var nameNotes = document.getElementsByName('title')[0].value;
    var dataTextarea = document.getElementById('editor-full').value;
    console.log('nameNotes = ' + nameNotes + ' dataTextarea = ' + dataTextarea);
}

В консоль всё прекрасно выводится.

Сообщение от ab-vrn

Только индекс [0] не нужен

Интересно, как Вы обратитесь тогда к элементам DOM...

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	15.05.2018, 17:09
	ab-vrn, а что куда должно попадать и при каком событии? 0

@ab-vrn 6 / 6 / 2 Регистрация: 11.07.2013 Сообщений: 186
	15.05.2018, 17:24 [ТС]
	При клике на submit: 1. с input name="title" в переменную nameNotes 2. с textarea в переменную dataTextarea Далее ajax, но до него ещё далеко, т.к. с input в переменную nameNotes контент попадает при первом клике на кнопку, а вот в dataTextarea только после второго клика. 0

@ab-vrn 6 / 6 / 2 Регистрация: 11.07.2013 Сообщений: 186
	16.05.2018, 09:06 [ТС]
	atanov, спасибо, но результат тот же. Только индекс [0] не нужен. Пока не разберусь в чём причина. У меня подключен компонент ckeditor.js, может в этом проблема. Хз. 0