onSelect event doesn't work at all

[vahidvdn]

Here is my code:

$('#options').flagStrap({
        countries: {
            "AU": "Australia",
            "GB": "United Kingdom",
            "US": "United States"
        },
        inputName: 'country',
        buttonSize: "btn-lg",
        buttonType: "btn-primary",
        labelMargin: "20px",
        scrollable: false,
        scrollableHeight: "350px",
        onSelect: function(value, element) {
          // doesn't work
          console.log('select!!');
        },
        placeholder: {
            value: "",
            text: "Please select a country"
        }
    });

But the onSelect event never get fired. Any idea?

[vahidvdn]

I found a hacky way, but it's not a good idea:

$("body").on('DOMSubtreeModified', ".dropdown-toggle span", function(e, data) {
    console.log(e.target.innerText);
});

[Servibe]

Another possibility is to add a specific click event on the items.

$('#idioma .dropdown-menu li a').click(function (e) {
    e.preventDefault();

    console.log($(this).data('bsVal'));
  });