Как изменить содержание <textarea> с помощью Javascript

Как изменить содержимое элемента <textarea> с помощью JavaScript?Как изменить содержание <textarea> с помощью Javascript

Я хочу сделать его пустым.

источник

2009-10-29 ian

167

Как это:

document.getElementById('myTextarea').value = '';

или как это в JQuery:

$('#myTextarea').val('');

Где у вас есть

<textarea id="myTextarea" name="something">This text gets removed</textarea>

Для всех downvoters и неверующими:

Here's the MSDN reference

Свойство Значение: Извлекает или задает текст в записи поле элемента textArea.
Here's the MDN reference

значение DOMString исходное значение, содержащееся в элементе управления.

источник

2009-10-29 09:12:22 Greg

Textara не имеет ценности! –

Не думал, что значение будет работать, потому что нет. значение = в нем, но спасибо! – ian

+14

@Petr Peller да, это так ... – Greg

Если его Jquery ..

$("#myText").val('');

или

document.getElementById('myText').value = '';

http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php

источник

2009-10-29 09:11:21 TigerTiger

JavaScript .... Не Jquery ... – ian

JQuery является JavaScript, это основа. –

Если вы можете использовать JQuery, и я настоятельно рекомендую вам сделать, вы бы просто сделать

$('#myTextArea').val('');

В противном случае, это зависит браузер. Если у вас есть

var myTextArea = document.getElementById('myTextArea');

В большинстве браузеров вы делаете

myTextArea.innerHTML = '';

Но в Firefox, вы

myTextArea.innerText = '';

Выяснение, что браузер пользователь использует оставляется в качестве упражнения для читатель. Если вы, конечно, не используете jQuery;)

Редактировать: Я беру это обратно. Похоже, поддержка для .innerHTML на textarea's улучшилась. Я тестировал в Chrome, Firefox и Internet Explorer, все они правильно очистили текстовое поле.

Редактировать 2: И я только что проверил, если вы используете .val ('') в jQuery, он просто устанавливает свойство .value для textarea's. Значит, значение должно быть прекрасным.

источник

2009-10-29 09:17:34 Aistina

.value = ''; работает в Chrome FF и Safari ... .innerHTML не работает в Chrome, не тестировался в других. – ian

Вы не должны использовать innerHTML и innerText для текстовых областей. Следует использовать атрибут value. Итак, $ ('# myTextArea'). Val ('') или document.getElementById ('myTextArea'). Value = '' - лучший вариант – Parth

Хотя многие правильные ответы уже даны, классический (читай не-DOM) подход будет выглядеть так:

document.forms['yourform']['yourtextarea'].value = 'yourvalue';

где в HTML ваш текстовое поле вложен где-то в такой форме, как это:

<form name="yourform"> 
    <textarea name="yourtextarea" rows="10" cols="60"></textarea> 
</form>

И как это бывает, это будет работать с Netscape Navigator 4 и Internet Explorer 3. И, что неважно, Internet Explorer на мобильных устройствах.

источник

2009-10-29 09:31:33 Paul

положить текстовое поле в форме, называя их, и просто использовать дом объекты легко, как это:

<body onload="form1.box.value = 'Welcome!'"> 
    <form name="form1"> 
    <textarea name="box"></textarea> 
    </form> 
</body>

источник

2017-04-26 01:08:35 Shrdi

Как изменить содержание <textarea> с помощью Javascript

ответ

Смежные вопросы