【html】设置有滚动条的select

问题提出：select默认的会将所有的option全部显示出来，当数据过多时，下拉框会显得很长。

期待结果：带有滚动条，显示一定数量的option，通过滚动查看更多option。

第一种方式：

效果展示：

源码：

  
1  

window.selectFocus = function(that) {  
$(that).attr("size", 5);  
};  
window.selectClick = function(that) {  
$(that).parent().removeAttr("size");  
$(that).parent().blur();  
$(that).parent().children("[selected='selected']").removeAttr("selected");  
$(that).attr("selected", "");  
};  

第二种方式：

使用input和selec组合实现

	
	
	


	 

	
		A
		B
		C
		D
		E
		F
		G
	

	

这种方式效果更友好，方便移植