Jak zmienić zawartość pliku <textarea> za pomocą Javascriptu

Jak zmienić zawartość elementu <textarea> za pomocą JavaScript?Jak zmienić zawartość pliku <textarea> za pomocą Javascriptu

Chcę, aby było puste.

Źródło

2009-10-29 ian

167

Jak to:

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

lub jak to w jQuery:

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

Gdzie masz

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

Dla wszystkich downvoters i niewierzących:

Here's the MSDN reference

wartość właściwość: Pobiera lub ustawia tekst we wpisie pole elementu textArea.
Here's the MDN reference

wartość DOMString wartość podstawowa zawarta w sterowaniu.

Źródło

2009-10-29 09:12:22 Greg

Textara nie ma właściwości value! –

Nie sądzę, aby wartość działała, ponieważ nie ma. value = in it, ale dzięki! – ian

+14

@Petr Peller tak to robi ... – Greg

Jeśli jej Jquery ..

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

lub

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

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

Źródło

2009-10-29 09:11:21 TigerTiger

JavaScript .... Nie Jquery ... – ian

jQuery jest JavaScript, to ramy. –

Jeśli można użyć jQuery, a ja bardzo polecam zrobić, to po prostu zrobić

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

W przeciwnym razie, jest to zależne od przeglądarki. Zakładając, że masz

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

W większości przeglądarek robisz

myTextArea.innerHTML = '';

Ale w Firefox, robisz

myTextArea.innerText = '';

Zastanawianie się, co przeglądarka użytkownik korzysta pozostawiamy jako ćwiczenie dla czytelnik. O ile nie używasz jQuery, oczywiście;)

Edytuj: Biorę to z powrotem. Wygląda na to, że wsparcie dla .innerHTML na textarea uległo poprawie. Testowałem w przeglądarkach Chrome, Firefox i Internet Explorer, wszystkie poprawnie wyczyściłem tekst.

Edycja 2: A ja tylko sprawdzone, jeśli używasz .val ('') w jQuery, po prostu ustawia właściwość .Value dla textarea jest. Więc wartość powinna być w porządku.

Źródło

2009-10-29 09:17:34 Aistina

.value = ''; działa w przeglądarce Chrome FF i Safari ... .innerHTML nie działa w Chrome, nie testował w innych. – ian

Nie powinieneś używać innerHTML i innerText dla textareas. Należy użyć atrybutu value. Zatem $ ("# myTextArea"). Val ("') lub document.getElementById (" myTextArea "). Value =' 'to najlepsza opcja – Parth

Chociaż wiele poprawnych odpowiedzi zostały już podane, klasyczny (czytaj non-DOM) podejście byłoby tak:

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

gdzie w kodzie HTML textarea jest zagnieżdżony gdzieś w formie tak:

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

Tak się składa, że będzie działać również z Netscape Navigator 4 i Internet Explorer 3. I nieważne, Internet Explorer na urządzeniach mobilnych.

Źródło

2009-10-29 09:31:33 Paul

umieścić textarea do formularza, nazywając je, i po prostu użyć dom obiekty łatwo, jak to:

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

Źródło

2017-04-26 01:08:35 Shrdi

Jak zmienić zawartość pliku <textarea> za pomocą Javascriptu

Odpowiedz

Powiązane problemy