给select下拉框设置高度

效果:

select属性:
onmousedown="if(this.options.length>4){this.size=4}" onblur="this.size=0" onchange="this.size=0"
this.size=4:高度为4行
this.options.length>4:总行数大于4的执行此代码

源码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="./jquery-1.12.2.js"></script>
<title>给select下拉框设置高度</title>
</head>
<body>
<div class="article-start-box"><span class="categery">分类栏目</span>
</div><select onmousedown="if(this.options.length>4){this.size=4}" >οnblur="this.size=0" οnchange="this.size=0"><option value="volvo">python</option><option value="saab">c++</option><option value="opel">c语言</option><option value="audi">java</option><option value="volvo">c#</option><option value="saab">R语言</option><option value="opel">前端三件套</option><option value="audi">sql语言</option></select>
</body>
</html>

给select下拉框设置高度相关推荐

  1. select下拉框设置边框样式

    select下拉框设置边框样式方法:设置select下拉框margin:-2,这样可以隐藏原来边框,然后设置父对象样式即可! <span style="border:1px solid ...

  2. element-ui select下拉框 设置默认值

    参考于 carmen_shao的element-ui select下拉框默认值的问题 需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value=& ...

  3. vue elementUI select下拉框设置默认值

    关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...

  4. layui下拉框的高度_LAYUI select 下拉框得高度

    UITextField UITextFieldDemo 效果 特点 1.有效定制键盘的样式 2.处理键盘对文本框的遮挡 用法 1.导入文件(UITextField+CreateInputAccesso ...

  5. html select不允许选择,设置select下拉框不能选择

    今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下: 1.功能需求: ...

  6. 文本框、下拉框设置只读

    在文本框里面给文本框设置只读:readonly="readonly",但这种设置之后,如果想点击某个按钮触发将这个文本框取消只读,则要在js脚本中禁用,readonly的" ...

  7. html 下拉框高度,如何自定义设置select下拉框高度的优化方法

    在项目开发中经常会遇到select下拉框优化问题,默认的样式简直难看到死,所以大家都会想到去设置select高度问题,当然一些组件或者插件也可以实现对其完美优化,我之前的一篇文章也写到了相关优化方法& ...

  8. 下拉框的高度html,设置select下拉框高度的一种方法

    这种方法可以设置下拉框最多显示几条栏目,多余的栏目用显示滚动条展示: 文学集 哲学 雅思 大学网奥数大学网奥数 文学集 哲学 雅思 大学网奥数 Layui:设置select下拉框自动选中某项 1.问题 ...

  9. 设置select下拉框不可修改的→“四”←种方法

    设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...

最新文章

  1. 三、python中最基础的文件处理汇总
  2. 学习笔记Hive(八)—— 查询优化
  3. .NET Core应用框架AA介绍(二)
  4. 打开本地文件_可以跨软件搜索文件?结构式检索你一定要学会!
  5. 数据湖 data lake_在Data Lake中高效更新TB级数据的模式
  6. JDBC中开启事务的批量插入操作
  7. django-索引1909
  8. 编程通用知识 字符编码(ascii,unicode,utf-8)
  9. 敏捷个人A1组第二次讨论纪要 你在事业上打算何去何从?
  10. 活动目录AD 取用户过期时间accountExpires
  11. NYOJ 119 士兵杀敌(三) (线段树)
  12. 迷失逃脱小程序_恐怖游戏大全:奇幻夜之迷失!密室逃脱解谜恐怖小程序
  13. html下拉框字体大小,select下拉框选择字体大小
  14. 医院管理系统软件的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  15. 阿里云centos7.4安装并部署svn1.10.0版本(配置多仓库,加入开机自启动)
  16. 后台管理系统UI选型推荐
  17. laragon mysql版本_Laragon下载-Laragon最新免费版-最火软件站
  18. 24C01SC芯片介绍
  19. 市场调研-全球与中国云业务流程管理(BPM)软件市场现状及未来发展趋势
  20. 2000-2020上市公司全要素生产率OLS和固定效应方法含原始数据和Stata代码

热门文章

  1. 基于FFmpeg和SDL1.2的极简播放器实现
  2. bzoj4826[hnoi2017]影魔
  3. AD10右下角显示标题
  4. Java并发编程基础
  5. linux系统实训总结报告,linux实训心得体会范文
  6. 《OpenCV编译》七、编译OpenBLAS
  7. 【测试】28.禅道的使用
  8. 信息安全从业人员证书——CISP(附培训课件资料)
  9. 深度学习(自监督:SimSiam)——Exploring Simple Siamese Representation Learning
  10. 游戏编程模式-空间分区