JQuery WEUI Select 组件增加搜索栏

JQuery WEUI Select组件本身不提供搜索栏功能，但你可以通过以下步骤实现：

1. 在页面中添加一个搜索框，例如：

<div class="weui-search-bar" id="searchBar">
  <form class="weui-search-bar__form">
    <div class="weui-search-bar__box">
      <i class="weui-icon-search"></i>
      <input type="search" class="weui-search-bar__input" placeholder="搜索" required="">
      <a href="javascript:" class="weui-icon-clear"></a>
    </div>
    <label class="weui-search-bar__label">
      <i class="weui-icon-search"></i>
      <span>搜索</span>
    </label>
  </form>
  <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>

2. 给Select组件添加一个点击事件，在该事件中显示搜索框并隐藏Select组件，例如：

$('#selectBtn').on('click', function () {
  $('#searchBar').show();
  $('#select').hide();
});

3. 给搜索框的取消按钮添加一个点击事件，在该事件中隐藏搜索框并显示Select组件，例如：

$('#searchCancel').on('click', function () {
  $('#searchBar').hide();
  $('#select').show();
});

4. 在搜索框的输入事件中，根据输入内容筛选Select组件的选项，例如：

$('.weui-search-bar__input').on('input', function () {
  var value = $(this).val().toLowerCase();
  $('#select .weui-select__option').each(function () {
    var optionValue = $(this).text().toLowerCase();
    if (optionValue.indexOf(value) > -1) {
      $(this).show();
    } else {
      $(this).hide();
    }
  });
});

通过以上步骤，你就可以在JQuery WEUI Select组件中添加搜索栏功能了。