Search and replace word of textarea onclick

Question

I'm looking for a way to search and replace some word onclick (not all content). It's working only on predefined textarea. I want to run the script for the words I've just wrote.

<form action="#">
<textarea class="input" name="input" type="text" id="txt" />test</textarea>
<input type="button" value="Run" id="run"/>
</form>

$(document).ready(function() {
    $('#run').click(function() {
    var textarea=$('#txt'); 
    textarea.html(textarea.html().replace(/test/g,"ok")); 
    });
});

Well, If I wrote for example : "Hi, this is a test". this will be replaced by "Hi, this is a ok" — user3492770, Dec 22 '14 at 09:12

score 2 · Answer 1 · answered Dec 22 '14 at 09:15

$(document).ready(function() {
    $('#run').click(function() {
    var textarea=$('#txt'); 
    textarea.val(textarea.val().replace(/test/g,"ok")); 
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea class="input" name="input" type="text" id="txt" />test</textarea>
<input type="button" value="Run" id="run"/>

score 1 · Accepted Answer · answered Dec 22 '14 at 09:12

1

$('#run').click(function() {
    var textarea=$('#txt'); 
    textarea.val(textarea.val().replace(/test/g,"ok")); 
    });

answered Dec 22 '14 at 09:12

albert Jegani

462
5
15

And what about replacing more than one word ? For example : replace "test" by "ok" and "hello" by "bye" ? – user3492770 Dec 22 '14 at 09:22
"test hello".replace(/test/g,"ok").replace(/hello/g,"dude") – albert Jegani Dec 22 '14 at 09:25
http://stackoverflow.com/questions/15604140/replace-multiple-strings-with-multiple-other-strings – albert Jegani Dec 22 '14 at 09:29
One more, thing, do you how to remove the "span" tag in a textarea ? For ex : "test" become "test" – user3492770 Dec 22 '14 at 15:08
1

$("textarea span").remove() – albert Jegani Dec 23 '14 at 04:41

score 0 · Answer 3 · answered Dec 22 '14 at 09:18

FIDDLE HERE

  textarea.val(textarea.val().replace(/test/g,"ok"));

html()

Obtains the HTML content of the first element in the matched set.

val()

Returns the value attribute of the first element in the matched set. When the element is a multiselect element, the returned value is an array of all selections. This method only work with control like input, select, button etc. It not work with div, span, p etc.

Difference of .val() and .html() link here

Search and replace word of textarea onclick

3 Answers3