CODEWITHSUNDEEP
javascripthtmlinputtextbox
Ant
Ant

Reputation: 3459

Get selected text in a textbox

How can I get the character positions of the selected text in an HTML <input> textbox element? window.getSelection() doesn't work inside textboxes.

Upvotes: 9

Views: 22153

Answers (3)

Ulf Lindback
Ulf Lindback

Reputation: 14170

If you're using jQuery, take a look at the jQuery Caret plugin: jCaret 

// Get start pos in intput box with id="box1"
$("#box1").caret().start

// Get end pos
$("#box1").caret().end

// Get selected text
$("#box1").caret().text

Upvotes: 12

Ry-
Ry-

Reputation: 224913

In case you don't need to support really old versions of Internet Explorer, just use the element's selectionEnd and selectionStart properties.

Upvotes: 2

Sarfraz
Sarfraz

Reputation: 382696

........

<script language=javascript>
function getSelText()
{
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
             }
    else if (document.getSelection)
    {
        txt = document.getSelection();
            }
    else if (document.selection)
    {
        txt = document.selection.createRange().text;
            }
    else return;
document.aform.selectedtext.value =  txt;
}
</script>

<input type="button" value="Get selection" onmousedown="getSelText()"> 

<form name=aform >
<textarea name="selectedtext" rows="5" cols="20"></textarea>
</form>

Reference: http://www.codetoad.com/javascript_get_selected_text.asp

Upvotes: 3

Related Questions