获取Bootstrap-Select搜索栏的值

Question

我正在尝试使用bootstrap select来动态显示列表，我对后端的ajax请求进行了排序，但我不确定如何触发它。我试图做

$('#airportSelect').on('keyup', function(){
    //stuff here
})

但是我键入时不会触发。我也不知道如何从搜索栏中获取值以发送ajax请求。

我的引导程序选择代码是这个

<select name="airportSelect" id="airportSelect" class="selectpicker" data-live-search="true" multiple>
    <option disabled>Start typing to search...</option>
</select>

Answer 1

因此，这里的jQuery代码如何工作：

$('#airportSelect').keyup(function(){
    //stuff here
    alert("Wow it works");
});

第二部分是在普通javascript中完成的，但这应该没问题，我对代码进行了注释以便更容易地进行调整：

  document.getElementById("airportSelect").addEventListener("keydown", function (e) {
    document.getElementById("airportSelect").onkeyup = function(event) {
        /** Validate which keys are to be processed */
        var keycode = event.which;
        // works of course only if Enter/Return key is pressed  
        // Number 13 is the "Enter" key on the keyboard
            if (keycode === 13) {  
            var searchText = document.getElementById("airportSelect").value + "";
            doDataFetch (searchText);  // or whatever function you want to call         
            }
            else {
                /** Let it happen, don't do anything or check for other key presses */
                return;
            }
        };
    });