问题描述
我有一个包含 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());
});