html/css/javascript您现在的位置是:主页 > html/css/javascript >
select option标签默认展开
2023-03-15 20:03:57html/css/javascript 21人已围观
有个需求需要直接展开默认的select options, 而不是点击下select, option才会展开。
网上搜寻了一番后发现很多方法都不好用。然后根据网上的教程思路自己写代码吧。
select有个size属性,size 属性规定下拉列表中可见选项的数目。
那么我们就借助这个属性让他自动展开。
完整代码如下
<select id="mySelect"> <option name="test" value="" class="first">Select</option> <option name="test" value="" class="">Opt1</option> <option name="test" value="" class="">Opt2</option> <option name="test" value="" class="">Opt3</option> <option name="test" value="" class="">Opt4</option> <option name="test" value="" class="">Opt5</option> <option name="test" value="" class="">Opt6</option> <option name="test" value="" class="">Opt7</option> <option name="test" value="" class="">Opt8</option> <option name="test" value="" class="">Opt9</option> <option name="test" value="" class="">Opt10</option> <option name="test" value="" class="">Opt11</option> </select> <script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script> document.getElementById("mySelect").size=document.getElementById("mySelect").length;//展开所有 //document.getElementById("mySelect").size=30;//指定展开的个数 </script>
完美自动展开。
相关文章
随机图文
打开页面自动下载文件js代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <script> var browser = { versions: functpbootcms搬家后只有首页能打开 其他页面提示404错误
因pbootcms是伪静态,搬家后需要重新配置伪静态,未配置伪静态可能就会提示404错误!pbootcms自定义模型字段类型为编辑器时 输入内容过多时前台调取显示不完整
问题描述: 今天给一个客户做网站时,网站上有一个产品参数的自定义字段。 因为这个字段类型选择的编辑器,保存到数据库后数据库字段类型默认为text。 但是这字段类型是有限制的,当内容过多时,保存的数据是完整的,但是前台读取可能会不完整,被截断了。 解决方法:哀悼日 让网站全站变灰css代码
此代码为提取百度官方的css代码。 html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)