CODEWITHSUNDEEP
javascriptjqueryjquery-select2
mrfr
mrfr

Reputation: 1794

How to get the placeholder value of a select2 dropdown using jQuery

I have a select2 dropdown like this:

$('.to_country_dropdown').select2({
    placeholder: "Sweden",
    language: {
        noResults: function () {
            return "Vi hittar inte landet!"
        }  
    }
});

Then in another place I want to get this placeholder value. I have tried this: 

$('.to_country_dropdown').attr('placeholder').val();
$('.to_country_dropdown').attr('placeholder');

But both that returns undefined.

Upvotes: 0

Views: 1560

Answers (3)

manelescuer
manelescuer

Reputation: 856

$('.to_country_dropdown').data('select2').selection.placeholder.text

Upvotes: 1

Ronniel Sembrano
Ronniel Sembrano

Reputation: 96

Do you have other inputs with a "to_country_dropdown" class? If so, you should put an ID(unique) to each one of it. So you could do something like this

    $('#ID.to_country_dropdown').attr('placeholder')

Upvotes: 0

Carsten Løvbo Andersen
Carsten Løvbo Andersen

Reputation: 27051

I've you need to select the placeholder value of the select you will have to select it by the class select2-selection__placeholder'

$('.to_country_dropdown').select2({
    placeholder: "Sweden",
    language: {
        noResults: function () {
            return "Vi hittar inte landet!"
        }  
    }
});

$(document).ready(function() {
console.log($(".to_country_dropdown ").next().find('.select2-selection__placeholder').text())
})
<link href="https://select2.github.io/dist/css/select2.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://select2.github.io/dist/js/select2.full.js"></script>

<select class="to_country_dropdown"></select>

Upvotes: 3

Related Questions