Remove certain text from textarea in Javascript

Question

I need a little input on the best way to remove a certain word or phrase in a text area. I have an input field entitled input. I want to search that area for the word that is put into a form field called name and then removed from input. None of the code I have tried works, and most search results yield irrelephant.

function delete() {
    var name = document.getElementById("name").value;
    var textarea = document.getElementById("input").value;
    var data = textarea.length;
    for (var i = 0; i < data.length; i++) {
        if (textarea.substr(i, data) == name) {
            textarea.value = "";
        }
    }
}

What I tried earlier with no luck.

It didn't work and more of just hackjob so it's not much of a starting place. — Seth Earby
– Seth Earby, Commented Jul 5, 2013 at 7:47
@Brewal I'm not familiar with jQuery enough to come up with it. But I'm not opposed to using it if it's a relatively easy solution. — Seth Earby
– Seth Earby, Commented Jul 5, 2013 at 9:13

Sophivorus · Accepted Answer · 2019-08-26 16:05:58Z

7

Not sure what you are trying to do, but this is the correct code: (there are many mistakes in your code)

function deleteValue() {  //instead of "delete"
    var name = document.getElementById("name");
    var textarea = document.getElementById("result");  //intead of "input"
    var data = textarea.value;
    for (var i = 0; i < data.length; i++) {
        if (data.substr(i, data) == name.value) {
            textarea.value = "";
        }
    }
}

Some points to consider:

Change your text input name from input to something else because it is a tag name.
You can't have a function name delete because it is a reserved word in javascript. use something else like deleteValue.

UPDATE:

I think this is what you are looking for..

function deleteValue() {
    var name = document.getElementById("name");
    var textarea = document.getElementById("result");
    textarea.value = textarea.value.replace(name.value, "");
}

Working Fiddle

edited Aug 26, 2019 at 16:05

Sophivorus

3,0933 gold badges36 silver badges43 bronze badges

answered Jul 5, 2013 at 8:02

Mr_Green

42k48 gold badges171 silver badges277 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Seth Earby Over a year ago

I'm not able to get the textarea.value.replace(name.value, ""); working. If I change the textarea.value = to a word I can get it to display, but if I keep it that way it doesn't make any changes.

Mr_Green Over a year ago

@SethEarby I changed the id value of textarea.. check

Seth Earby Over a year ago

I did as well, but still nothing. The only difference between my code and the fiddle is that my name field is a form input entitled name.

Brewal Over a year ago

@SethEarby are you sure your input title is : <input type="text" id="name" name="whatever" /> ?

Seth Earby Over a year ago

It was correct, curly braces are the bane of my existence. Thanks for everything guys.

maketest · Accepted Answer · 2013-07-05 09:19:24Z

2

You can add replaceAll function to String object. If you want to remove all occurrences of specific text.

(function() {   
    if (!String.replaceAll) {
        String.prototype.replaceAll = function replaceAll(replace, value) {
            return this.replace(new RegExp(replace, 'g'), value);
        };
}
}());

And modify delete function should look like this:

function deleteValue() {
    var name = document.getElementById('name');
    var textarea = document.getElementById('result');
    var data = textarea.value;
    textarea.value = textarea.value.replaceAll(name.value, "");
}

answered Jul 5, 2013 at 9:19

maketest

3011 silver badge8 bronze badges

Comments

Brewal · Accepted Answer · 2013-07-05 09:44:53Z

0

This is the jQuery solution (I provide it since you tagged jQuery) :

jsFiddle

// to execute code when the page is entierly loaded
$(document).ready(function(){
    // click event on the button
    $('#myButton').click(function(){
        // get the content of the #result textarea
        val = $('#result').val();
        // remove all occurence of content of #name in #result
        $('#result').val(val.replace($('#name').val(), ""));
    });
});

answered Jul 5, 2013 at 9:44

Brewal

8,1942 gold badges28 silver badges38 bronze badges

Collectives™ on Stack Overflow

Remove certain text from textarea in Javascript

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related