如何获取 selectpicker 实时搜索的输入
Posted
技术标签:
【中文标题】如何获取 selectpicker 实时搜索的输入【英文标题】：How to get the input of a selectpickers liveSearch 【发布时间】：2021-06-09 06:56:15 【问题描述】：我有一个带有 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");
【问题讨论】：
【参考方案1】：选择选择器创建一个类名为 bs-searchbox 的搜索输入框。可以按照代码获取值。
$(document).on('keyup', '.select4 .bs-searchbox input', function(e)
alert($(this).val());
);
【讨论】：
如果没有找到其他选项，我只想获取该值（这意味着如果我得到输出“No results match xy”）。我该怎么做？以上是关于如何获取 selectpicker 实时搜索的输入的主要内容，如果未能解决你的问题，请参考以下文章
使用 Bootstrap Selectpicker 的搜索框下拉菜单不起作用
Bootstrap Selectpicker 未显示完整选项