Clear text area

Question

In Onselect event I have script:

$("#vinanghinguyen_images_bbocde").val('');
$("#vinanghinguyen_images_bbocde").val(vinanghinguyen_final_bbcode);

I want clear text area id="vinanghinguyen_images_bbocde" before add value to it. but textarea add add add add and value and not clear. I want clear it before add value

I use uploadify here is my function

<script type = "text/javascript" >
  $(document).ready(function() {
    vinanghinguyen_bbcode = '';
    vinanghinguyen_final_bbcode = '';
    vinanghinguyen_link = '';
    vinanghinguyen_final_derect_link = '';
    response = '';

    $('#file_upload').uploadify({
      'uploader'  : '{SITE_FULL_URL}/uploadify/uploadify.swf',
      'script'    : '{SITE_FULL_URL}/uploadify/uploadify.php',
      'cancelImg' : '{SITE_FULL_URL}/uploadify/cancel.png',
      'folder'    : 'data/picture_upload/2011',
      'auto'      : false,
      'multi'     : true,
      'buttonText': '',

      'onComplete': function(event, ID, fileObj, response, data) {
        vinanghinguyen_bbcode = '[IMG]' + 'http://cnttvnn.com' + response + '[/IMG]' + '\n';
        vinanghinguyen_final_bbcode = vinanghinguyen_final_bbcode + vinanghinguyen_bbcode;
        vinanghinguyen_derect_link = 'http://cnttvnn.com' + response + '\n';
        vinanghinguyen_final_derect_link = vinanghinguyen_final_derect_link + vinanghinguyen_derect_link;

        $("#vinanghinguyen_images_bbocde").val('').val(vinanghinguyen_final_bbcode);
      //$("#vinanghinguyen_images_derect_link").val(vinanghinguyen_final_derect_link);
        $("#vinanghinguyen_result").show();
        $(".uploadifyQueue").height(5);
      },

      'onSelect': function(event, ID, fileObj) {
        $("#vinanghinguyen_images_bbocde").val('');
        $("#vinanghinguyen_result").hide();
        $(".uploadifyQueue").height(315);
      },
    });
  });
</script>

Which version are you using? It works fine for me. http://jsfiddle.net/MD33Z/ — mmhan, Nov 27 '11 at 10:45
Hi,select an answer from the 9 answers you have so far, or post an answer if you found the solution so we can benefit from your question. Thank you. — samouray, Nov 05 '15 at 15:21

score 86 · Answer 1 · answered Nov 27 '11 at 10:43

When you do $("#vinanghinguyen_images_bbocde").val('');, it removes all the content of the textarea, so if that's not what is happening, the problem is probably somewhere else.

It might help if you post a little bit larger portion of your code, since the example you provided works.

Karl Wenzel · Answer 2 · 2014-02-25T15:54:33.090

48

Use $('textarea').val('').

The problem with using $('textarea').text('') , or $('textarea').html('') for that matter is that it will only erase what was in the original DOM sent by the server. If a user clears it and then enters new input, the clear button will no longer work. Using .val('') handles the user input case properly.

edited Feb 25 '14 at 15:54

answered May 23 '12 at 19:30

Karl Wenzel

2,150
23
23

score 20 · Answer 3 · edited Oct 01 '17 at 01:03

20

This works:

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

edited Oct 01 '17 at 01:03

Undo

25,204
37
102
124

answered Oct 29 '15 at 13:06

mzonerz

1,070
11
19

score 6 · Answer 4 · answered Sep 12 '14 at 13:53

This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child node of that element.

$('textarea').empty()

score 6 · Answer 5 · answered Nov 27 '11 at 10:44

6

try this

 $("#vinanghinguyen_images_bbocde").attr("value", "");

answered Nov 27 '11 at 10:44

confucius

12,529
10
45
66

score 3 · Answer 6 · answered Jun 02 '15 at 05:41

3

Try this,

$('textarea#textarea_id').val(" ");

answered Jun 02 '15 at 05:41

Achu S

137
9

2

Technically, this clears the textarea and adds a space back into it. – Kristen Hammack Feb 13 '17 at 15:09

score 2 · Answer 7 · answered May 04 '13 at 02:25

2

I just tried using this code and @psynnott's answer was correct though I needed to know it would work repeatedly, seems to work with jquery 1.7.1 >

I modified the jfiddle to the following http://jsfiddle.net/Rjj9v/109/

$('#mytext').text('');

This is not a new answer @psynnott is correct I am just providing a more concise example that shows the textarea is still working after the clear because if you use .val("") the text area stops working

answered May 04 '13 at 02:25

duindain

475
3
12

Thanks for negging my answer even though its the only one with a working fiddle and it is indeed still correct. Perhaps you should try going to the fiddle and swapping text to val and watch it break after the first change before incorrectly negging answers – duindain Feb 14 '17 at 21:20
I didn't neg it. I don't know who did. I was just giving an explanation as to why someone might have. – Kristen Hammack Feb 14 '17 at 21:56
Fair enough, did you try the fiddle yet? since it does break my answer is still correct – duindain Feb 15 '17 at 10:31
That's interesting. Using .val('') seems to break your fiddle, but it doesn't make the text area "stop working". If you type in the text area, it works, and you can get the value from it for a form. Apparently you just can't append to it. – Kristen Hammack Feb 15 '17 at 13:03

score 1 · Answer 8 · edited Sep 14 '17 at 05:00

1

Rather simpler method would be by using JavaScript method of innerHTML.

document.getElementById("#id_goes_here").innerHTML = "";

Rather simpler and more effective way.

edited Sep 14 '17 at 05:00

Phani Kumar M

4,405
1
11
25

answered Sep 04 '17 at 10:55

Akash Kumar

79
6

1

Actually it's `document.getElementById("id_goes_here").innerHTML = "";` # is a jQuery selector. But good job on posting the native JS version. – SystemFailure Jul 27 '18 at 17:59

score 1 · Answer 9 · edited Sep 30 '19 at 16:04

1

I believe the problem is simply a spelling error when writing bbcode as bbocde:

$("#vinanghinguyen_images_bbocde").val('')

should be:

$("#vinanghinguyen_images_bbcode").val('')

edited Sep 30 '19 at 16:04

Dharman

21,838
18
57
107

answered Sep 30 '19 at 15:38

Daniel Nordh

363
2
15

score 0 · Answer 10 · answered May 09 '13 at 19:44

0

Correct answer is: $("#selElement_Id option:selected").removeAttr("selected");

answered May 09 '13 at 19:44

user1920925

491
5
4

2

Maybe you can explain it? Don't just answer, learn to explain everything. – Cary Bondoc Mar 13 '15 at 09:04

score 0 · Answer 11 · answered Jan 19 '19 at 08:46

I agree with @Jakub Arnold's answer. The problem should be somewhere else. I could not figure out the problem but found a work around.

Wrap your concerned element with a parent element and cause its html to create a new element with the id you are concerned with. See below

<div id="theParent">
    <div id="vinanghinguyen_images_bbocde"></div>
</div>

'onSelect'    : function(event,ID,fileObj) {
 $("#theParent").html("<div id='vinanghinguyen_images_bbocde'></div>");
 $("#vinanghinguyen_result").hide();
 $(".uploadifyQueue").height(315);
}

Clear text area

11 Answers11

Linked

Related