入力テキストから選択したテキストを削除するには？

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とselectionEndinputタグから選択したテキストを取得するためにあります。.. はデモ

$("#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

をチェック