如何创建可搜索的下拉列表

Question

我有一些下拉列表，用户可以将其用作过滤器来操作他们在网格视图中看到的内容。为了避免下拉列表过长，我希望用户能够在列表中搜索所需内容，而无需滚动。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="Scripts/jquery.searchabledropdown-1.0.8.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $("ddlBoxNo").searchable({
      maxListSize: 200,
      maxMultiMatch: 300,
      exactMatch: false,
      wildcards: true,
      ignoreCase: true,
      latency: 200,
      warnMultiMatch: 'top {0} matches ...',
      warnNoMatch: 'no matches ...',
      zIndex: 'auto'
    });
  }); 

<asp:DropDownList ID="ddlBoxNo" runat="server" AppendDataBoundItems="true" AutoPostBack="true" style="width: 220px; max-width: 220px">
  <asp:ListItem Text="All Box Numbers" Value="0"/>
</asp:DropDownList>

我希望能够搜索记录，但实际上下拉列表根本无法搜索/编辑。