#javascript #html #forms #button #submit
Вопрос:
мой код ниже удаляет текст из моей текстовой области, вставленный пользователем после нажатия кнопки «Отправить», но я хочу, чтобы текст был в моей текстовой области после отправки.
lt;form action="/search" name="myform" id="formid" method="post" gt; lt;div class="input-group" gt; lt;!-- lt;textarea name="input" id="textArea" /gt; lt;button type="submit" onclick="return fill()" gt;Searchlt;/buttongt; lt;/buttongt; lt;/divgt; lt;/formgt; lt;script type="text/javascript"gt; function fill() { var x = document.getElementById('textArea').value; document.getElementById('demo').innerHTML=x; } lt;/scriptgt; Комментарии:
1. Элемент формы-это ссылка, он загружает страницу, адрес которой указан в
actionатрибуте (или что еще эта страница возвращает с сервера). Если вы хотите опубликовать данные и остаться на текущей странице, вам необходимо использовать AJAX для отправки данных.2. Измените тип на кнопку вместо отправки
3. @Кришнареддибанди Плохая идея, ОП хочет отправить форму.
Ответ №1:
Просто попробуйте добавить onSubmit=»вернуть false;» в тег формы
lt;form action="/search" onSubmit="return false;" name="myform" id="formid" method="post" gt; Комментарии:
1. я пробовал, но он содержит текст, но не отправляет текст
2. Вам нужно отправить его на страницу /поиск?
3. когда я добавляю » onsubmit= возвращаю false;» в свою форму, кнопки не отправляются, даже если я использую «тип =» кнопка » или тип=»отправить»
4. функция fill(){ var inputtext= document.getElementById(«ввод»); localStorage.setItem(«ввод», inputtext.значение); }
5. спасибо, и я решил эту проблему, используя приведенный выше код