如何从输入文本中删除选定的文本?

Posted

技术标签:

【中文标题】如何从输入文本中删除选定的文本?【英文标题】:How to remove selected text from an input Text? 【发布时间】:2016-08-19 22:35:49 【问题描述】:

如果文本输入内有突出显示的文本,如何删除选定的文本?

我设置了一个小提琴来显示我走了多远,但我不知道如何删除给定的文本。

<input type='text' value='***.com' id='text1' />
<br />
<button id="btnSelect">select text</button>
<button id="btnRemove">remove selected text</button>

【问题讨论】:

按退格键或删除 。将值设置为空白。 参考这个:***.com/questions/275761/… 【参考方案1】:

selectionStartselectionEnd 可以从input 标签中获取选定的文本。 查看演示

$("#btnSelect").click(function () 
    document.getElementById('txtbox').setSelectionRange(6, 12);
);
$("#btnRemove").click(function () 
    var ele  = document.getElementById('txtbox');
    var text = ele.value;
    
    text = text.slice(0, ele.selectionStart) + text.slice(ele.selectionEnd);
    ele.value = text;
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' value='***.com' id='txtbox' />
<br />
<button id="btnSelect">select text</button>
<button id="btnRemove">remove selected text</button>

【讨论】:

【参考方案2】:

function removeText()

	document.getElementById('text1').value  = "";
<input type='text' value='***.com' id='text1' />
<br />
<button id="btnSelect">select text</button>
<button id="btnRemove" onclick="removeText()">remove selected text</button>

【讨论】:

OP 只想删除选定的文本而不是整个值。

以上是关于如何从输入文本中删除选定的文本?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 angularjs 捕获突出显示/选定的文本?

如何使用jquery在标签中显示多选下拉列表的选定文本?

如何在 Bootstrap 表中的选定/选中行中删除文本,

如何在另一个文本输入中获取选定的文本。出现错误“'ScreenManager' 对象没有属性 'widget_1'”

如何从 UITextView 获取选定的文本框

如何使用 Puppeteer 从输入中删除现有文本?