怎么用js写下拉框？

Question

http://www.39.net/
http://hao.360.cn/
也就是这两个网站上搜索框之前的选择搜索种类的效果，以前从没接触过js，现在要求一个上午写出来，哭了，谁能给个思路？或者是现成的源码，谢了，用jquery也行

Answer 1

jquery有个Plugin可以用：jQuery AutoComplete
Bootstrap也有类似的Plugin：Bootstrap typeahead

原理上来说就是在Keyup的时候做regular expression的匹配，在下拉框里插入符合条件的结果，然后显示隐藏的下拉框。还有很多细节可以考虑，比如鼠标点下拉框如何，有些时候keyup的时候需要用AJAX去后台拿结果，如果点击了除了搜索框和下拉框的其他地方，下拉框应该隐藏等细节。