如何在按下按钮的HTML中删除textarea标签中的选定文本?

时间:2015-10-14 09:31:12

标签: html angularjs html5

我想在角度js按钮上删除或删除textarea中的用户选择文本。

示例:

<textarea>My name is Bob</textarea>

所以如果用户选择&#34; name&#34;从文本区域按下按钮,新文本变为:

<textarea>My is Bob</textarea>

我是棱角分明的新人,所以请帮助我。 感谢。

2 个答案:

答案 0 :(得分:0)

你需要javascript来实现这一点。首先为您的文本区域添加ID

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

现在在你的javascript中,按钮点击处理程序功能执行以下操作

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;

答案 1 :(得分:0)

就这样做..

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


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

&#13;
&#13;
function showVal()
{
  
    var txt =  document.getElementById("txtArea");
   alert( txt.value.replace(txt.value.substring(txt.selectionStart,txt.selectionEnd),""));
 }
&#13;
<textArea id="txtArea"> </textArea>
<button  onclick="showVal()">ClickMe</button>
&#13;
&#13;
&#13;