javascript怎么隐藏option选项

文章2022-12-13118 人已阅来源：网络

隐藏option选项的方法：1、使用“document.getElementById(id)”语句根据id值获取指定option对象；2、使用“option对象.style.display="none"”语句将指定option选项隐藏即可。

javascript怎么隐藏option选项

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript隐藏option选项的方法

实现思路：

使用getElementById()获取指定option选项；
给指定option选项设置display="none"样式，将其隐藏。

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		请选择：<select>
			<option value="1" selected>1</option>
			<option id="opt" value="2">2</option>
			<option value="3">3</option>
		</select>
		<button id="btn">隐藏值为2的option选项</button>
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("opt").style.display="none";
			}
		</script>
	</body>
</html>

javascript怎么隐藏option选项

【相关推荐：javascript学习教程】

以上就是javascript怎么隐藏option选项的详细内容！

相关内容

javascript如何隐藏a标签
JS隐藏a标签的方法：1、使用“a标签对象.style.display="none"”语句；2、使用“a标签对象.style.visibility=&quo...
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
css怎么隐藏元素但保留位置
在css中，可以使用visibility属性来隐藏元素但保留元素位置，只需要给元素设置“visibility:hidden;”样式即可；这样元素会被隐藏，但是不会消失，依然占据...
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
让人眼前一亮的五个前端小技巧
为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...
如何实现炫酷的数字大屏
依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...
css隐藏元素的方式有哪些
方式：1、设置“display:none”语句；2、设置“visibility:hidden”语句；3、设置“opacity:0”语句；4、设置盒模型属性为0；5、利用“pos...
CSS+JS实现爱心点赞按钮（代码示例）
本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...
总结整理：需要避坑的五大常见css错误（收藏）
本篇文章给大家总结5个最常见的css错误，并介绍一下避坑方法，希望对大家有所帮助！正如我们今天所知，CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其...

浏览更多有关 javaScript 隐藏元素的内容