Как очистить текстовую область с помощью кнопки в html с помощью javascript? У меня есть кнопка в html <input type="button" value="Clear"> <textarea id='output' rows=20 cols=90></textarea> Если у меня есть внешняя функция javascript (.js), что я должен писать? Ответ 1 Измените свой html с добавлением функции на кнопку <input type="button" value="Clear" onclick="javascript:eraseText();"> <textarea id='output' rows=20 cols=90></textarea> Попробуйте это в файле js: function eraseText() { document.getElementById("output").value = ""; } Ответ 2 Вам нужно прикрепить обработчик события click и очистить содержимое текстового поля от этого обработчика. HTML <input type="button" value="Clear" id="clear"> <textarea id='output' rows=20 cols=90></textarea> JS var input = document.querySelector('#clear'); var textarea = document.querySelector('#output'); input.addEventListener('click', function () { textarea.value = ''; }, false); и здесь рабочая демонстрация. Ответ 3 <input type="button" value="Clear" onclick="javascript: functionName();" > вам просто нужно установить событие onclick, вызвать нужную функцию в этом событии onclick. function functionName() { $("#output").val(""); } Выше функция установит значение текстовой области в пустую строку. Ответ 4 Ваш Html <input type="button" value="Clear" onclick="clearContent()"> <textarea id='output' rows=20 cols=90></textarea> Ваш Javascript function clearContent() { document.getElementById("output").value=''; } Ответ 5 Вы можете просто использовать атрибут ID в форме и прикрепить тег <textarea> к форме, подобной этой: <form name="commentform" action="#" method="post" target="_blank" id="1321"> <textarea name="forcom" cols="40" rows="5" form="1321" maxlength="188"> Enter your comment here... </textarea> <input type="submit" value="OK"> <input type="reset" value="Clear"> </form>
Ответ 1 Измените свой html с добавлением функции на кнопку <input type="button" value="Clear" onclick="javascript:eraseText();"> <textarea id='output' rows=20 cols=90></textarea> Попробуйте это в файле js: function eraseText() { document.getElementById("output").value = ""; }
Ответ 2 Вам нужно прикрепить обработчик события click и очистить содержимое текстового поля от этого обработчика. HTML <input type="button" value="Clear" id="clear"> <textarea id='output' rows=20 cols=90></textarea> JS var input = document.querySelector('#clear'); var textarea = document.querySelector('#output'); input.addEventListener('click', function () { textarea.value = ''; }, false); и здесь рабочая демонстрация.
Ответ 3 <input type="button" value="Clear" onclick="javascript: functionName();" > вам просто нужно установить событие onclick, вызвать нужную функцию в этом событии onclick. function functionName() { $("#output").val(""); } Выше функция установит значение текстовой области в пустую строку.
Ответ 4 Ваш Html <input type="button" value="Clear" onclick="clearContent()"> <textarea id='output' rows=20 cols=90></textarea> Ваш Javascript function clearContent() { document.getElementById("output").value=''; }
Ответ 5 Вы можете просто использовать атрибут ID в форме и прикрепить тег <textarea> к форме, подобной этой: <form name="commentform" action="#" method="post" target="_blank" id="1321"> <textarea name="forcom" cols="40" rows="5" form="1321" maxlength="188"> Enter your comment here... </textarea> <input type="submit" value="OK"> <input type="reset" value="Clear"> </form>