javascript - 获取 Bootstrap 选择选择器实时搜索的输入文本值

Question

目前在meteor.js中建立一个网站，我似乎不知道如何从我的 Bootstrap 选择器中获取输入的文本——实时搜索文本框没有自己的ID。我的 HTML 如下所示:

    <div class="filter-component">
        <h5 class="text-center text-danger"> Name: </h5>
         <select ng-model="name" class="nameSelect" data-live-search="true" data-style="btn-primary" ng-options="x for x in names"> <option value="">Nothing selected</option>
          </select>
    </div>

Answer 1

您需要编写自定义代码来获取输入框中写入的文本的值。请参见下面的示例:

选择器 HTML:

<div class="filter-component">
     <h5 class="text-center text-danger"> Name: </h5>
     <select ng-model="name" class="nameSelect" data-live-search="true" data-style="btn-primary" ng-options="x for x in names"> <option value="">Nothing selected</option>
      </select>
</div>

选择器 jQuery:

$(document).on('keyup', '.filter-component .bs-searchbox input', function (e) {
    var searchData = e.target.value;
    console.log(searchData);

    //You can write the ajax code here
});