onChange Method does not trigger

[MarvinMuuss]

Hi there!

Thanks for your awesome work!

Unfortunately we're experiencing problems with the onChange method. We would like to send an AJAX request if the value of our selectBox changes to load new data. Can you help us?

Some snippets from the code:
(HTML from our Django project)

<select id="inputDisz" class="form-control">
                    {% for disz in disziplinen %}
                        <option value="{{ disz.disziplin_id }}">{{ disz.disziplin_name }}</option>
                    {% endfor %}
                </select>

JS

$("#inputDisz").dropdown({
        closeReset: false,
    });
    $("#inputDisz").change(function(){
        alert("change");
    });

unfortunately this does not trigger the alert.
Any ideas?

Thanks for the work you put in!

[vanboom]

The dropdown triggers "dropdown.close" on the select element when the picker menu is closed.

$("inputDisz").on('dropdown.close', function(){ alert('change');}

Apparently the dropdown control handles the change event of the select that it is attached to in order to update itself when the select value changes, so it does not send a change event when itself changes the value of the select. Further reverse engineering of the code would be required to correct that behavior.