如何從輸入文本中刪除選定的文本？

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>