2016-07-07 68 views
-1

下面是我實施的示例。我希望當用戶提供輸入時,它應該匹配結果,並且應該在輸入後選擇。這可以用HTML或jQuery或Javascript實現嗎?提前致謝。如何實現輸入搜索下拉值

<select id="funsports" name="funsports"> 
    <option value="">sports</option> 
    <option value="football">grapes</option> 
    <option value="tennis">mango</option> 
</select> 
+2

你舉的例子是什麼只是一個普通的老'select'元素。你描述的行爲聽起來像一個'自動完成'字段。如果你研究了[這個](https://harvesthq.github.io/chosen/),例如 –

+0

,那麼已經有數百個插件可用了。打開下拉菜單並開始輸入?這是所有現代瀏覽器的標準功能?除非你的意思是你想要一個實際的搜索字段? –

+0

也許試試像一個庫。 [選擇](https://harvesthq.github.io/chosen/) – Will

回答

0

達到你想要的,你可以使用一個jQuery插件,像Select2

看演示,以確保它有你在找什麼

+0

我需要是的,它的工作 –