delete selected text in textarea in both Google Chrome and Internet Explorer

Question

I can get selected text using this code in internet explorer:

var selectedText;
  // IE version
  if (document.selection != undefined)
  {
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

but, how to delete selected text in TEXTAREA, for example, using JavaScript in both Google Chrome and Internet Explorer?

http://stackoverflow.com/questions/7003784/does-chrome-supports-document-selection — andleer, Oct 17 '13 at 14:53

score 1 · Answer 1 · answered Oct 17 '13 at 15:05

You might need to play around with the indexes a bit, but the below code should more or less work.

var originalText = document.getElementById("yourTextAreaId").value;
var selectedText = window.getSelection();
var startIndex = originalText.indexOf(selectedText) + 1;
var endIndex = startIndex + selectedText.length; 
var newText = originalText.substring(0,startIndex) + orignalText.substring(endIndex);
document.getElementById("yourTextAreaId").value = newText

what if the selected text occurred more than one ant its not the first occurrence either? — Mohsen ZareZardeyni, Apr 14 '14 at 08:42

score 1 · Answer 2 · answered Apr 14 '14 at 09:17

the answer given by user2793390 is not entirely correct! it doesn't work if the selected text is not the first occurrence of it in whole text!

I had a similar problem and i used another approach!

var selectedElemnt = document.getElementById("yourTextAreaId");
var selectedText = selectedElemnt.value;
var newText = selectedText.substr(0, selectedElemnt.selectionStart) + selectedText.substr(selectedElemnt.selectionEnd);
selectedElemnt.value = newText;

score 0 · Answer 3 · answered Oct 17 '13 at 14:54

0

If you are dealing with IE v9 or later, use window.getSelection() which works across all modern browsers.

answered Oct 17 '13 at 14:54

andleer

22,388
8
62
82

delete selected text in textarea in both Google Chrome and Internet Explorer

3 Answers3