我想做一个谷歌风格的下拉框,风格和一切。我指的是这种类型的下拉框:如你所见,基本的<select>并不是很好:我试着在Gmail上使用Chrome Dev Tools,但这几乎是不可能的,因为当你点击Dev tools时,下拉框就消失了。有没有人知道如何复制它们,或者已经有在线教程(或者更好的- jQuery插件)?提前谢谢。
我有三个搜索类别(见第一张图片)。用户选择一个,而我在类别空间中显示对应于该主题的搜索输入(参见第二个图像)。我会自动关注jQuery的输入,这样用户就可以很容易地开始输入了。如果用户改变他们的想法,模糊输入,我隐藏它,并再次显示这三个类别。
如果用户单击enter to search,这一切都很好,但我也希望他们能够单击搜索输入字段旁边的go按钮。问题是,如果他们试图单击go按钮,输入就会被模糊,然后隐藏,提交点击就不会被触发(单击这个元素时,我无法解除模糊事件的绑定