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

Question

如果文本输入内有高亮显示的文本，如何删除选定的文本？

我设置了一个小提琴，以显示我有多远，但我无法弄清楚如何删除给定的文本。

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

Answer 1

selectionStart和selectionEnd正在那里得到来自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='stackoverflow.com' id='txtbox' /> 
 
<br /> 
 
<button id="btnSelect">select text</button> 
 
<button id="btnRemove">remove selected text</button>

Answer 2

function removeText() 
 
{ 
 
\t document.getElementById('text1').value = ""; 
 
}

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