使用輸入作爲引導程序下拉的觸發器

Question

我正在搜索區域中工作，並決定使用引導程序框架的下拉功能。

我的目標是實現這一目標是：

1. 用戶類型的東西，那麼另一個函數解析的結果。
2. 我調用一個函數或觸發該下拉事件的東西。

如果我只是觸發負責下拉菜單可見性的類，其餘的功能不起作用（例如，下拉列表項上的鍵盤導航）。另一方面，如果我按照文檔，並添加：data-toggle =「dropdown」到輸入元素 然後每次點擊/關注輸入顯示下拉，這不是我想要的，我想要自己觸發它。

這裏是HTML（無法創建工作小提琴）：

<div id="search-field" class="custom-dropdown"> 
    <input class="form-control input-sm" id="global-search-input" data-toggle="dropdown" maxlength="255" name="top-search" placeholder="Global Search" tabindex="1" /> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="global-search-input"> 
     <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
     <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
     <li role="presentation" class="divider"></li> 
     <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
     <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
    </ul> 
</div> 

Answer 1

也許你想要的東西像Typehead.js，即顯示下拉的動作檢查 Typehead example