How to change the Content of a <textarea> wi

2019-01-02 21:22发布

站内问答 / JavaScript
551 5 6

How would I change the content of a <textarea> element with JavaScript?

I want to make it empty.

标签： javascript
举报
5条回答
听够珍惜
2楼-- · 2019-01-02 21:41

Like this:

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

or like this in jQuery:

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

Where you have

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

For all the downvoters and non-believers:

查看更多
0人赞 添加讨论(0) 举报
旧人旧事旧时光
3楼-- · 2019-01-02 21:50

If its Jquery .. 

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

or

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

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

查看更多
0人赞 添加讨论(0) 举报
旧时光的记忆
4楼-- · 2019-01-02 21:52

If you can use jQuery, and I highly recommend you do, you would simply do

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

Otherwise, it is browser dependent. Assuming you have

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

In most browsers you do

myTextArea.innerHTML = '';

But in Firefox, you do

myTextArea.innerText = '';

Figuring out what browser the user is using is left as an exercise for the reader. Unless you use jQuery, of course ;)

Edit: I take that back. Looks like support for .innerHTML on textarea's has improved. I tested in Chrome, Firefox and Internet Explorer, all of them cleared the textarea correctly.

Edit 2: And I just checked, if you use .val('') in jQuery, it just sets the .value property for textarea's. So .value should be fine.

查看更多
0人赞 添加讨论(0) 举报
梦该遗忘
5楼-- · 2019-01-02 21:54

Although many correct answers have already been given, the classical (read non-DOM) approach would be like this:

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

where in the HTML your textarea is nested somewhere in a form like this:

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

And as it happens, that would work with Netscape Navigator 4 and Internet Explorer 3 too. And, not unimportant, Internet Explorer on mobile devices.

查看更多
0人赞 添加讨论(0) 举报
孤独总比滥情好
6楼-- · 2019-01-02 21:54

put the textarea to a form, naming them, and just use the dom objects easily, like this:

<body onload="form1.box.value = 'Welcome!'">
  <form name="form1">
    <textarea name="box"></textarea>
  </form>
</body>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)