जावास्क्रिप्ट के साथ <textarea> की सामग्री कैसे बदलें


139

मैं <textarea>जावास्क्रिप्ट के साथ एक तत्व की सामग्री कैसे बदलूंगा?

मैं इसे खाली करना चाहता हूं।

जवाबों:


244

ऐशे ही:

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

या jQuery में इस तरह:

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

जहां आपके पास है

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

सभी डाउनवोटर्स और गैर-विश्वासियों के लिए:


नहीं सोचा था कि मूल्य काम करेगा कारण नहीं है। मूल्य = इसमें लेकिन धन्यवाद!
इयान

1
विंडोज़ मोबाइल उपकरणों पर इंटरनेट एक्सप्लोरर में काम नहीं करता है।
पॉल

9
क्रोम v61 के साथ काम नहीं करता है, इनपुट बॉक्स में मूल्य प्रभावी नहीं है
एयरो वैंग

15

यदि आप jQuery का उपयोग कर सकते हैं, और मैं आपको अत्यधिक सलाह देता हूं, तो आप बस करेंगे

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

अन्यथा, यह ब्राउज़र पर निर्भर है। मान लिया आपने

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

अधिकांश ब्राउज़रों में आप करते हैं

myTextArea.innerHTML = '';

लेकिन फ़ायरफ़ॉक्स में, आप करते हैं

myTextArea.innerText = '';

यह पता लगाना कि उपयोगकर्ता किस ब्राउज़र का उपयोग कर रहा है, उसे पाठक के लिए एक अभ्यास के रूप में छोड़ दिया जाता है। जब तक आप jQuery का उपयोग नहीं करते हैं, निश्चित रूप से;)

संपादित करें : मैं इसे वापस लेता हूं। लगता है कि textarea के .innerHTML के समर्थन में सुधार हुआ है। मैंने क्रोम, फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में परीक्षण किया, उन सभी ने टेक्सटेरिया को सही तरीके से साफ़ किया।

संपादित करें 2 : और मैंने अभी-अभी जाँच की है, यदि आप jQuery में .val ('') का प्रयोग करते हैं, तो यह सिर्फ textarea के लिए .value गुण सेट करता है। तो .वाल्व ठीक होना चाहिए।


3
.वलम् = ''; Chrome FF और Safari में काम करता है ... .innerHTML क्रोम में काम नहीं करता है दूसरों में परीक्षण नहीं किया।
इयान

1
आपको textareas के लिए भीतरी HTML और इनर टेक्स्ट का उपयोग नहीं करना चाहिए। मान विशेषता का उपयोग किया जाना चाहिए। तो, $ ('# myTextArea')। वैल ('' ') या डॉक्यूमेंट .getElementById (' myTextArea ')। value =' सबसे अच्छा विकल्प है
पार्थ

8

यद्यपि कई सही उत्तर पहले ही दिए जा चुके हैं, शास्त्रीय (गैर-डोम पढ़ें) इस तरह होगा:

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

जहाँ HTML में आपका textarea इस तरह से कहीं न कहीं निहित है:

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

और जैसा कि होता है, कि नेटस्केप नेविगेटर 4 और इंटरनेट एक्सप्लोरर 3 के साथ भी काम करेगा । और, महत्वहीन नहीं, मोबाइल उपकरणों पर इंटरनेट एक्सप्लोरर।



2

एक रूप में textarea रखो, उनका नामकरण, और बस डोम वस्तुओं का उपयोग आसानी से करें, जैसे:

<body onload="form1.box.value = 'Welcome!'">
  <form name="form1">
    <textarea name="box"></textarea>
  </form>
</body>
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.