Remove title from select2

Question

I am using select2 . I need to remove title of selected values. My code is like below.

<li class="select2-selection__choice" title="C Volunteer" data-select2-id="select2-data-16-lf0b"></li>

Source code is like below.

Output is like below.

Answer 1

Here's a minimal solution for your use case:

$("#select2-data-16-lf0b").removeAttr("title")

Answer 2

You can select the elements by their class and remove its attribute this way.

$('.select2-selection__choice').removeAttr('title')

hope have helped you.

Answer 3

A simple solution to select the selected vales. Do it any action either its selection or unselect.

$("yourselector").on("select2:select select2:unselect", function (e) {
    $(this).removeAttr("title");       
});

This may help you