Не отрабатывает событие javascript на элементе <select>

Есть фрагмент в jsp

<select size="5" multiple="multiple" title="РЦ" id="dcsel"
                name="dcenters" align="right">
                <%...
%>
            </select>

элемент select - выпадающий список.

Мне нужно чтобы при нажатии на элемент select загружался javascript

$(function() {
    $(document).on('load', function(){
        $("#dcsel").on( 'click', function() { // не реагирует
            jQuery.ajax({
                url : defaultPath + 'reports/treatmentElementsPage',
                cache : false,
                processData : false,
                type : 'POST',
                contentType : "application/json;charset=UTF-8",
                success: function(response) {
                    $.each(response, function(index, item) {
                        console.log(item);
                    });
                }
            });
        });
    });
});