relpace textarea in jquery

Question

Hey

I'm trying to Replace a %%%VERSION%%% text, the text is coming from an tinyMCE editor.

looks like this.

$("#description textarea").val($("#description textarea").val().replace(/%%%VERSION%%%/g, STAT_VERSION_INFO));

The value of the textearea is:

<textarea rows="20" cols="117" name="description" id="description">Some code version info: %%%VERSION%%%</textarea>

But i can't make it replace anything.

Any idéas how to fix it, or maybe other solutions.

Answer 1

Just replace $("#description textarea") with $("#description") or $("textarea#description"). The first selector will look for a textarea inside a DOM element with id=description, while in your case it is the textarea that has id=description.

Hope this makes sense.

Answer 2

To select: $("#description textarea") => $("textarea#description") or just $("#description")

To do the changes:

var textarea = $("textarea#description");
var text = textarea.html().replace(/%%%VERSION%%%/g, '');
textarea.html(text);

Answer 3

Change .val() to .html() and it works: Example here http://jsbin.com/uwidu/

Answer 4

Use html() for textareas...

var txt = $("#description");
txt.html(txt.html().replace(/%%%VERSION%%%/g, '');