jQuery select()

jQuery select event occurs when a text is marked or selected in text area or a text field. This event is limited to <input type="text"> fields and <textarea> boxes. When the select event occurs, the select() method attaches a function to run.

Syntax:

It triggers the select event for selected elements.

It adds a function to the select event.

Parameters of jQuery select() event

Parameter	Description
Function	It is an optional parameter. It is used to specify the function to run when the select event is executed.

Example of jQuery select() event

Let's take an example to demonstrate jQuery select() event.

 <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>select demo</title>
  <style>
  p {
    color: red;
  }
  div {
    color: blue;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 <p>Select the text on the box: click and drag the mouse to select text.</p>
  <input type="text" value="javatpoint.com">
  <input type="text" value="sssit.org">
  <div></div>
 <script>
$( ":input" ).select(function() {
  $( "div" ).text( "Some text was selected" ).show().fadeOut( 2000 );
});
</script>
 </body>
</html>

Test it Now

Output:

Select the text on the box: click and drag the mouse to select text.

Next TopicjQuery change()

← prev next →

jQuery Tutorial

jQuery Effects

jQuery HTML/CSS

jQuery Form

jQuery Events

jQuery UI

Interview Questions

jQuery select()

Parameters of jQuery select() event

Example of jQuery select() event