Escape Square Brackets in jQuery Selector



To escape square brackets in jQuery selectors is quite easy. Let’s see with an example of escaping the brackets in the name of the <select> box.

Example

Whatever you will select, will get added to the textarea on button click.

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {

    $("#addnow").click(function () {
       $("#myselect :selected").each(function () {
          $("#text").val($("#text").val() + $(this).text() + "
");        });     }); }); </script> </head> <body> <select name="selectemail[]" multiple="true" id="myselect">     <option value="email">email@example.com</option>     <option value="name">David</option> </select> <textarea id="text"></textarea> <button id="addnow">Select and Click to Add</button> </body> </html>
Updated on: 2019-12-18T07:33:37+05:30

448 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements