This is my form:

This is the elements behind the mdbselect: (Please note that I've modified mdb.js to give an id to the search-input)

And here's the keyup-function I've added to the search-field. The keyup is never triggered.:

$(document).ready(function(){

theTable = new table("reklamasjon", "REKLNR", "reklamasjoner.php", true);

var ajaxActive = false;
var selectSearch = $("#select-search-KUNDNR");
selectSearch.keyup(function(){
    if(this.value.length > 2 && !ajaxActive){
        ajaxActive=true;
        $.post("reklamasjoner.php",
                {
                    getKunder   :   "",
                    isAjax      :   1,
                    search      :   this.value
                },
                function(data, status){
                    ajaxActive = false;
                    var obj = JSON.parse(data);
                    $('#KUNDNR')
                    .empty()
                    .materialSelect({
                        destroy: true
                        });
                    $.each(obj.selectValues, function(key, value) {
                        $('#KUNDNR')
                          .append($('<option>', { value : key })
                          .text(value));
                    }); 
                    $('#KUNDNR').materialSelect();     
                });
    }

});

});

Thanks Mateusz, I'm aware of MDBootstrap Autocomplete component. The functionality I'm looking for is autocomplete on a select-tag like the one found in bootstrap autocomplete using ajax to dynamically update the select options.

At the moment I'm trying to emulate this functionality using mdbselect with "searchable" and attaching a keyup-function to the search-input, but no luck so far.

Espen