【html】设置有滚动条的select
2017-05-09 08:24
274 查看
问题提出:select默认的会将所有的option全部显示出来,当数据过多时,下拉框会显得很长。
期待结果:带有滚动条,显示一定数量的option,通过滚动查看更多option。
效果展示:
![](http://img.blog.csdn.net/20170509082214080?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3dsOTc5NjIzMDc0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
源码:
期待结果:带有滚动条,显示一定数量的option,通过滚动查看更多option。
效果展示:
源码:
<select class='newsTypeList' onfocus="selectFocus(this)"> <option onclick="selectClick(this)">1</option> </select>
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", ""); };
相关文章推荐
- 根据服务器的返回值动态设置HTML中select中option的显示
- html中滚动条属性设置
- HTML中select的option设置selected="selected"无效的解决方案
- html设置Qwebview滚动条的样式风格
- html 的select标签不能够设置height
- struts模式下设置html:select初始值
- html中的textarea标签设置垂直滚动条
- html 设置Select options值进行绑定
- HTML 设置select标签的高度
- html,body设置高度100%和默认的滚动条(转)
- HTML控件select, 是readOnly设置
- HTML中滚动条的样式设置
- HTML中滚动条的样式设置
- html,body设置高度100%和默认的滚动条
- 老外就是牛叉02-javascriptJS设置htmlselect控件选项-----guoyz_1
- CSS+HTML实例集合四,checkbox多选框的操作(全选等),select获取option的value和其对应的选项,select获取选中项的value值进行设置,select的二级联动菜单
- html滚动条 textarea属性设置
- html jsp中设置select disabled 当修改保存时,后台未读取到数据
- html里select怎么设置和取消disabled