如何获取 selectpickers liveSearch 的输入

如何解决如何获取 selectpickers liveSearch 的输入

我有一个包含 3 个选项和一个 liveSearch 的选择。如果用户在 liveSearch-Box 中输入一个不存在的选项作为选项，我会得到结果“没有与 xy 匹配的结果”。但我想知道，用户写了什么。我如何获得他的意见？

<body class="inventorypage" onload="selectM()">
.....
<form>
    <div class="form-row">
        <div class="col-lg-7">
            <div class="select_Box">
                <select class="select4 col-md-12" single title="Auswählen" id="searchInput">
                    <option>Search1</option>
                    <option>Search2</option>                                                                                
                    <option>Search3</option>
                </select>                                                                                                                                                               
            </div>
        </div>
    </div>
    <div class="form-row">
        <div class="col-lg-7">
            <button type="button" onclick="searchM()" class="btn3 mt-2 mb-3">Search</button>
        </div>
    </div>
    <div class="form-row">
        <div>                           
            <p id='output'></p>
        </div>      
    </div>  
</form>

function selectM(){
    var eingabe = document.getElementById('searchInput');   
    $(document).ready(function(){
        $('.select4').selectpicker({
            liveSearch: true
            //,noneResultsText: 'I found no results'
         });
    })
}

function searchM(){
    //console.log("users input");
}

解决方法

选择选择器创建一个类名为 bs-searchbox 的搜索输入框。您可以按照代码获取值。

$(document).on('keyup','.select4 .bs-searchbox input',function(e) {
    alert($(this).val());
  });