社区
JavaScript
帖子详情
我想隐藏select下的若干个option请问我该如何做?
ywcannon
2003-06-25 12:11:54
例如:
<select name="s">
<option id="1">1</option>
<option id="2">2</option>
<option id="3">3</option>
<option id="4">4</option>
</select>
我想将2和4隐藏起来,在下拉菜单中只能看到1和3两个选择,请问我该编写什么样的javascript脚本,谢谢!
...全文
157
7
打赏
收藏
我想隐藏select下的若干个option请问我该如何做?
例如: 1 2 3 4 我想将2和4隐藏起来,在下拉菜单中只能看到1和3两个选择,请问我该编写什么样的javascript脚本,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ywcannon
2003-06-29
打赏
举报
回复
谢谢各位帮忙,尤其感谢gq(游子) ,结贴给分了。
Hrb
2003-06-27
打赏
举报
回复
对,OPTION无法使用display和visibility的属性,你可以使用删除或重新建立OPTION内容
gq
2003-06-27
打赏
举报
回复
<form name="aa">
<select name="s">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
<option value="d">4</option>
</select>
</form>
<script>
document.aa.s.length = 2;
document.aa.s.options[0] = new Option('1','1');
document.aa.s.options[1] = new Option('3','3');
</script>
chinahuman
2003-06-27
打赏
举报
回复
好像是不可以的呀。我觉得是用动态地重写这些option效果要更好一些。就是先把这些OPTION的值和显示的文字存在数组里,然后根据需要动态地重新生成所要的option
ywcannon
2003-06-25
打赏
举报
回复
supreme(Supreme),你的方法我试过了,没有用。包括用document.all.l.style.visibility='hidden'也不起作用。
supreme
2003-06-25
打赏
举报
回复
document.all.1.style.display = none;
zgczsf
2003-06-25
打赏
举报
回复
我觉得采用动态脚本可以实现
隐藏
、显示
select
下
option
标签
本文探讨了在网页中
隐藏
Select
下
Option
标签的两种方法及其兼容性问题,并提供了一种通过添加和删除标签来实现需求的解决方案。同时,介绍了如何使用JavaScript动态添加
Option
标签的两种方法。
想
让 thymeleaf 不显示
select
下的某个
option
本文介绍如何使用Thymeleaf模板引擎在HTML中根据条件动态
隐藏
Select
元素的
Option
选项,通过th:block标签实现对
Option
元素的显示控制,避免使用无效的CSS或内联样式。
html下拉框的
option
隐藏
,完美解决html中
select
的
option
不能
隐藏
的问题。
本文介绍了一种在不移除选项的情况下,实现HTML中
select
下拉框
option
隐藏
的方法。具体步骤包括使用clone方法保存
select
元素,移除所有
option
,查找并复制需要显示的
option
,最后将其重新添加到
select
中。
select
下拉框
option
的样式修改
博客主要讲述了修改
select
样式的过程,发现
option
作为html固有元素,其样式无法直接修改。于是基于Vue,通过div ul li模拟
select
功能,完成了对
select
样式的修改,并附上了相关代码。
select
标签中
option
的显示
隐藏
控制(兼容IE)
本文提供了一种在Internet Explorer浏览器中
隐藏
Select
标签下特定
Option
的方法,由于IE不支持直接使用display:none来
隐藏
,该方案通过包裹span元素实现
隐藏
效果。
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章