element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...

找遍全网都没一个比较好的例子！！！

什么获得焦点事件，或者添加一个点击事件都不能使下拉框自动展开

最后用标签的siz属性

定义和用法

size 属性规定下拉列表中可见选项的数目。

如果 size 属性的值大于 1，但是小于列表中选项的总数目，浏览器会显示出滚动条，表示可以查看更多选项。

实践效果：

1.点击提交按钮，下拉框未选，但是要给下拉框一个聚焦事件

let select = document.getElementById('xxx')

select.focus()//聚焦

2.聚焦之后下框是不会自动展开的，查看资料没有属性，也没有支持的方法，网上说可以用sizes属性来代替下拉框的展开动作

select.setAttribute("size",select.options.length); // 设置

3.展开效果出来了，但是你选中之后，下拉框并不会关闭展开项

4.所以你还要在选中之后添加一个事件来把它的size属性变为0，这样就可以关闭展开项

5.HTML+vue

recoverSize : function () {

document.getElementById('freightType').setAttribute("size", 0)// 设置

}

element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...相关推荐

关于javaScript实现select下拉框自动展开
我本来的目的:是想实现鼠标移动到select下拉框上,下拉框自动展开. 原先思路:使用onmouseover()鼠标事件调用一个openSelect()函数,函数中调用onclick()方法,以为就 ...
html 下拉菜单自动填充,下拉框自动实现自动填充
在我们平台中有这样的一个功能,设置了数据字典就可以使下拉框自动选择数据的类型,但是有一点不足的地方就是没有默认值,现在我要做的就是如何实现这个有默认值的下拉框. 还是有日期来举例.如图所示功能: (1 ...
PYTHON SELENIUM运用execute_script(JS)选择页面下拉框在输入框输入值
By Mejias 网上有很多教程使用SELENIUM去操作页面下拉框并选中,比如Select(web element).select_by_value(option).也有使用selenium对输入 ...
vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器数据渲染通过 :options="options" 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ chec ...
bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
bootstrap-multiselect.js多选下拉框默认值设置一.案例数据格式二.HTML代码 <select id="msgRoles" multiple=&q ...
使用HTML5和JS实现日期下拉框功能
使用HTML5和JS实现日期下拉框功能如图所示: 代码如下: <center><span style="font-size:26pt;color:red;"&g ...
IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层、Dialog的问题
IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的问题参考文章: (1)IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的 ...
vue怎么取消按回车下拉框自动下拉_八月更新第二版，小视频自动竖屏全屏播放，失效校验再次升级！...
新方圆小棉袄,传说中的贴心小棉袄,宇宙无敌超级厉害. 记住我们的付费群(大佬众多):978260150,免费群:1101359539 1.方圆和海阔的规则导入和支付宝口令类似,将口令全部复制打开最新版 ...
js控制html下拉框select的选择,js实现select下拉框选择
最近在做一个项目需要兼容到ie不同版本,在使用select时遇到了各种问题.后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧. 自定义select *{ margin: 0; p ...

element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...

element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...相关推荐

最新文章

热门文章

element select 自动展开_原生js 让select下拉框自动展开 可用size 属性来代替展开动作...

element select 自动展开_原生js 让select下拉框自动展开 可用size 属性来代替展开动作...相关推荐

最新文章

热门文章

element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...

element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...相关推荐