Index

JavaScript
JavaScript Examples
CSS
CSS Examples

JavaScript Tutorial

JavaScript Examples

CSS Tutorial

CSS Examples

Home » JavaScript Examples

How to get selected text from a textbox using JavaScript?

By IncludeHelp Last updated : November 08, 2023

How to get selected text from a textbox using JavaScript?

To get the selected text from a textbox you, use the JavaScript's Web UPI method window.getSelection(). This method returns the text selected by the user.

Syntax

window.getSelection();

Example

In this example, we have a textbox and, on the button's onclick event, we will get and display the selected text in a paragraph (HTML's <p> tag).


<!DOCTYPE html>
<html>
  <body>
  
    <h1>Example: How to Get Selected Text from a Textbox using JavaScript?</h1>
	
    <input type="text" id="inputText"/>
	
    <button onclick="showSelectedText()">Get selected text</button>
	
    <p id="displayText"></p>
	
    <script type="text/javascript">
      function showSelectedText(){
      	result = window.getSelection();
      	document.getElementById("displayText").innerHTML = result;
      }
    </script>
	
  </body>
</html>