How to delete selected text in textarea tag in HTML on pressing button?

Question

I want to delete or remove the user seleted text from textarea on button press in angular js.

example:

<textarea>My name is Bob</textarea>

so if user selects "name" from text area and presses a button so the new text become:

<textarea>My is Bob</textarea>

I am new to angular so kindly help me. Thanks.

**[This might help you](http://stackoverflow.com/questions/717224/how-to-get-selected-text-in-textarea)** — Guruprasad J Rao, Oct 14 '15 at 09:36

score 0 · Answer 1 · answered Oct 14 '15 at 09:44

You need javascript to implement this. First give id to your text area

<textarea id="textarea">My name is Bob</textarea>

Now in your javascript, button click handler function do following

var ta = document.getElementById("textarea");
var start = ta.selectionStart;
var finish = ta.selectionEnd;
var text = ta.value.substring(0,start-1)+ta.value.substring(finish,ta.value.lenth-1);
ta.value = text;

ngLover · Accepted Answer · 2015-10-14T09:50:47.977

0

Just do this ..

<textArea id="txtArea"> </textArea>
var txt =  document.getElementById("txtArea"); 


txt.value.replace(txt.value.substring(txt.selectionStart,txt.selectionEnd),"");

function showVal()
{
  
    var txt =  document.getElementById("txtArea");
   alert( txt.value.replace(txt.value.substring(txt.selectionStart,txt.selectionEnd),""));
 }

<textArea id="txtArea"> </textArea>
<button  onclick="showVal()">ClickMe</button>

edited Oct 14 '15 at 09:50

answered Oct 14 '15 at 09:45

ngLover

4,439
3
20
42

this not an angularjs solution. – dovid Oct 28 '17 at 20:56

How to delete selected text in textarea tag in HTML on pressing button?

2 Answers2