get text selection javascript

Add Answer

Outstanding Orangutan answered on May 27, 2021 Popularity 9/10 Helpfulness 2/10

answer get text selection javascript

related get the value or text from select element using javaScript

related how to get text from select tag in javascript

related select text with javascript

related select text in an element js

related javascript select text in element

related javascript get selected text

related text selection in js

get text selection javascript

Comment

function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: get javascript selection text

Link to this answer
Share Copy Link

Contributed on Jan 02 2022

Outstanding Orangutan

0 Answers Avg Quality 2/10

Closely Related Answers

get the value or text from select element using javaScript

Comment

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>
Running this code:

var e = document.getElementById("ddlViewBy");
var strUser = e.value;
Would make strUser be 2. If what you actually want is test2, then do this:

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Jul 18 2021

Manohar Shrestha

0 Answers Avg Quality 2/10

how to get text from select tag in javascript

Comment

<select id="box1" onChange="myNewFunction(this);">
  <option value="98">dog</option>
  <option value="7122">cat</option>
  <option value="142">bird</option>
</select>
<script>
  function myNewFunction(sel) {
  alert(sel.options[sel.selectedIndex].text);
}
</script>

Popularity 9/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on May 27 2021

jub0t

0 Answers Avg Quality 2/10

select text with javascript

Comment

// highlight text in an input element
element.select();

// highlight a portion of an element
// element.setSelectionRange(start, end, ?direction)
// start, end - start and end indices of the new selection
// direction (optional) - "forward", "backward", or "none" (default)
element.setSelectionRange(3, 5);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 30 2021

DenverCoder1

0 Answers Avg Quality 2/10

select text in an element js

Comment

document.querySelector('button').addEventListener('click', function(){
    var range = document.createRange();
    var selection = window.getSelection();
    range.selectNodeContents(document.querySelector('p'));
    
    selection.removeAllRanges();
    selection.addRange(range);
});

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Jan 27 2023

mukashwasti_

0 Answers Avg Quality 2/10

javascript select text in element

Comment

// Select text in element 'elm'
const elm = document.getElementById('elm');

// Clear any current selection
const selection = window.getSelection();
selection.removeAllRanges();

// Select paragraph
const range = document.createRange();
range.selectNodeContents(elm);
selection.addRange(range);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: element

Link to this answer
Share Copy Link

Contributed on Feb 16 2022

Attractive Addax

0 Answers Avg Quality 2/10

javascript get selected text

Comment

const getSelectedText = () => window.getSelection().toString();

getSelectedText();

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: dev.to

Tags: get

Link to this answer
Share Copy Link

Contributed on Sep 28 2021

Rashid Siddique

0 Answers Avg Quality 2/10

text selection in js

Comment

function getSelectionText() {
    var text = "";
    var activeEl = document.activeElement;
    var activeElTagName = activeEl ? activeEl.tagName.toLowerCase() : null;
    if (
      (activeElTagName == "textarea") || (activeElTagName == "input" &&
      /^(?:text|search|password|tel|url)$/i.test(activeEl.type)) &&
      (typeof activeEl.selectionStart == "number")
    ) {
        text = activeEl.value.slice(activeEl.selectionStart, activeEl.selectionEnd);
    } else if (window.getSelection) {
        text = window.getSelection().toString();
    }
    return text;
}

document.onmouseup = document.onkeyup = document.onselectionchange = function() {
  document.getElementById("sel").value = getSelectionText();
};


Selection:
<br>
<textarea id="sel" rows="3" cols="50"></textarea>
<p>Please select some text.</p>
<input value="Some text in a text input">
<br>
<input type="search" value="Some text in a search input">
<br>
<input type="tel" value="4872349749823">
<br>
<textarea>Some text in a textarea</textarea>

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript selection sele

Link to this answer
Share Copy Link

Contributed on Mar 11 2023

Defiant Dog

0 Answers Avg Quality 2/10

get text selection javascript

Contents

More Related Answers

get text selection javascript

Closely Related Answers

get the value or text from select element using javaScript

how to get text from select tag in javascript

select text with javascript

select text in an element js

javascript select text in element

javascript get selected text

text selection in js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.