【问题标题】:How to get the input of a selectpickers liveSearch如何获取 selectpicker 实时搜索的输入
【发布时间】: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");
}

【问题讨论】:

    标签: javascript html input bootstrap-selectpicker livesearch


    【解决方案1】:

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

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

    【讨论】:

    • 如果没有找到其他选项,我只想获取该值(这意味着如果我得到输出“No results match xy”)。我该怎么做?
    猜你喜欢
    • 1970-01-01
    • 2021-10-21
    • 2018-01-14
    • 1970-01-01
    • 2016-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多