How to get the last selected or unselected element of select2 element in jquery?

Question

I want to get the last selected or unselected element of my select2 .I followed the official documentation but nothing happens.This is my code :

jQuery(document).ready(function() {
        Main.init();
        var $eventSelect = $('.search-select'); //select your select2 input
        $(".search-select").select2({
            allowClear: true
        });
        $eventSelect.on('select2:unselect', function(e) {
          console.log('unselect');
          console.log(e.params.data.id); //This will give you the id of the unselected attribute
          console.log(e.params.data.text); //This will give you the text of the unselected text
        })
        $eventSelect.on('select2:select', function(e) {
          console.log('select');
          console.log(e.params.data.id); //This will give you the id of the selected attribute
          console.log(e.params.data.text); //This will give you the text of the selected
        })
        $(".search-select").on('select2:select', function(e) {
            console.log(e.params.data.id);
        });
    });


 <select id="bird_id_1" name="bird_id_1[]" class="form-control search-select selects" multiple required>

 @foreach($birds as $bird)                                                   
     <option value="{{ $bird->id }}" {{ in_array($bird->id, App\Http\Controllers\ClaimController::getbirdsids($claim->id)) ? 'selected' : '' }}>{{ $bird->title_fr }}</option>                                           
 @endforeach

 </select>

Possible duplicate of this one: https://stackoverflow.com/questions/30307083/jquery-select2-control-retrieve-last-selected-element — hellheim, Jun 12 '19 at 14:38
i already saw that subject and tried the solution but the events don't get fired !! — Youssef Boudaya, Jun 12 '19 at 14:40

score 0 · Answer 1 · answered Jun 12 '19 at 16:08

this is the final code that got everything worked.

$("select.selects").on("select2-selecting", function (e){
        console.log(e.object.text);
        $(".input_nb:last").after("<label class='"+e.val+" input_nb'>Le nombre d’oiseau pour:"+e.object.text+"</label><input type='text' class='form-control input_nb "+e.val+"' name='num_espece[]'   placeholder=''>");   
    });
    $("select.selects").on("change", function (e){
        console.log(e.removed.id)
        if(e.removed)
        {
            $("."+e.removed.id).remove();
        }

    });

How to get the last selected or unselected element of select2 element in jquery?

1 Answers1