Javascript로 <textarea>의 내용을 변경하는 방법

139

<textarea>JavaScript 로 요소 의 내용을 어떻게 변경 합니까?

비워두고 싶습니다.

javascript

— 이안
소스

244

이처럼 :

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

또는 jQuery에서 다음과 같이하십시오.

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

당신이있는 곳

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

모든 다운 보터와 믿지 않는 자에게 :

MSDN 참조는 다음과 같습니다

value 속성 : textArea 요소의 입력 필드에서 텍스트를 검색하거나 설정합니다.
다음은 MDN 참조입니다

value DOMString 컨트롤에 포함 된 원시 값입니다.

— 그렉
소스

가치가 없을 것이라고 생각하지 않았습니다. 그 가치 =하지만 감사합니다!

— ian

1

Windows 모바일 장치의 Internet Explorer에서 작동하지 않습니다.

— Paul

9

Chrome v61에서는 작동하지 않습니다. 값은 입력 상자에 영향을주지 않습니다

— Aero Wang

15

경우 당신이 jQuery를 사용할 수 있으며, 내가보기 엔 당신이 추천, 당신은 간단하게 할 것

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

그렇지 않으면 브라우저에 따라 다릅니다. 당신이 있다고 가정

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

대부분의 브라우저에서

myTextArea.innerHTML = '';

그러나 Firefox에서는

myTextArea.innerText = '';

사용자가 어떤 브라우저를 사용하고 있는지 파악하는 것은 독자의 연습으로 남아 있습니다. 물론 jQuery를 사용하지 않으면;)

편집 : 다시 가져옵니다. 텍스트 영역에서 .innerHTML에 대한 지원이 향상되었습니다. Chrome, Firefox 및 Internet Explorer에서 테스트했으며 모두 텍스트 영역을 올바르게 지 웠습니다.

편집 2 : jQuery에서 .val ( '')을 사용하면 텍스트 영역의 .value 속성을 설정합니다. 따라서 .value는 괜찮습니다.

— 아이스 티나
소스

3

.value = ''; Chrome FF 및 Safari에서 작동합니다 ... .innerHTML은 Chrome에서 작동하지 않습니다.

— ian

1

textareas에 innerHTML 및 innerText를 사용해서는 안됩니다. 값 속성을 사용해야합니다. 따라서 $ ( '# myTextArea'). val ( '') 또는 document.getElementById ( 'myTextArea'). value = ''가 가장 좋습니다

— Parth

8

많은 정답이 이미 주어졌지만 고전적인 (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는 중요하지 않습니다.

— 폴
소스

2

Jquery 인 경우 ..

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

또는

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

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

— TigerTiger
소스

2

텍스트 영역을 양식에 넣고 이름을 지정하고 다음과 같이 dom 객체를 쉽게 사용하십시오.

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

— 슈르 디
소스